🛠 Prepare directory page.

src/routes/directory/+page.svelte

@@ -0,0 +1 @@
+

src/routes/directory/[slug]/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import type { PageData } from './$types';
+  export let data: PageData;
+</script>
+
+<h1>{data.title}</h1>
+<div>{@html data.content}</div>

src/routes/directory/[slug]/+page.ts

@@ -0,0 +1,13 @@
+import { error } from '@sveltejs/kit';
+import type { PageLoad } from './$types';
+
+export const load = (({ params }) => {
+  if (params.slug === 'hello-world') {
+    return {
+      title: 'Hello world!',
+      content: 'Welcome to our blog. Lorem ipsum dolor sit amet...'
+    };
+  }
+
+  throw error(404, 'Not found');
+}) satisfies PageLoad;