shinokada

name: Playwright Tests
on:
  push:
    branches: [main, master]
  pull_request:
    branches: [main, master]
jobs:
  test:
    timeout-minutes: 60
    runs-on: ubuntu-latest

shinokada

<script lang+"ts">
  // src/routes/blog/[slug]/+page.svelte
  import type { PageData } from './$types';
  export let data: PageData;
</script>

<svelte:component this={data.content} />

shinokada

title
Article 1

{title}

Attack feet behind the couch destroy couch flop over give attitude hide when guests come over hopped up on goofballs hunt anything that moves swat at dog, stand in front of the computer

shinokada

// src/routes/blog/[slug]/+page.js
import { error } from '@sveltejs/kit';
 
/** @type {import('./$types').PageLoad} */
export async function load({ params }) {
  const post = await import(`../${params.slug}.md`);
  const { title, dir } = post.metadata;
  const content = post.default;

  return {

shinokada

<script>
  import '../app.postcss';
  import { Navbar, NavBrand, NavLi, NavUl, NavHamburger, Sidebar, SidebarBrand, SidebarGroup, SidebarItem, SidebarWrapper } from 'flowbite-svelte';
  let divClass = 'w-full md:block md:w-auto pr-8';
  let ulClass = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-lg md:font-medium';
</script>
<Navbar let:hidden let:toggle>
  <NavBrand href="/">
    <img src="https://flowbite-svelte.com/images/flowbite-svelte-icon-logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite-Svelte Logo" />
    <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">

shinokada

<script>
  ...
  let activateClickOutside = true;
  let drawerHidden = true;
  $: if (width >= breakPoint) {
    drawerHidden = false;
    activateClickOutside = false;
  } else {
    drawerHidden = true;
    activateClickOutside = true;

shinokada

<script>
  $: toggleSide = () => {
    if (width >= breakPoint) {
      drawerHidden = false;
    } else {
      drawerHidden = true;
    }
  };
</script>

shinokada

<script lang="ts">
  // layout-1
  import '../app.postcss';
  import { Navbar, NavBrand, NavLi, NavUl, NavHamburger, Sidebar, SidebarGroup, SidebarItem, SidebarWrapper, Drawer, CloseButton } from 'flowbite-svelte';
  let divClass = 'w-full md:block md:w-auto pr-8';
  let ulClass = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-lg md:font-medium';
</script>

<Navbar let:hidden let:toggle>
  <NavBrand href="/">

shinokada

import { defineMDSveXConfig as defineConfig } from 'mdsvex';

const config = defineConfig({
	layout: {},
	extensions: ['.svelte.md', '.md', '.svx'],

	smartypants: {
		dashes: 'oldschool'
	},
	remarkPlugins: [],

shinokada

import preprocess from 'svelte-preprocess';
import { mdsvex } from 'mdsvex';
import mdsvexConfig from './mdsvex.config.js';
import adapter from '@sveltejs/adapter-auto';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  extensions: ['.svelte', ...mdsvexConfig.extensions],

  preprocess: [