site: render markdown file as string

site/src/routes/docs/+layout.ts

@@ -1,8 +1,8 @@
 const articles = import.meta.glob("./**/*.md");
 
 export function load() {
-  const paths = Object.keys(articles).map((key) =>
-    key.slice("./".length, -".md".length),
+  const paths = Object.keys(articles).map(
+    (key) => key.slice("./".length, -".md".length) + "/",
   );
   return { paths };
 }

site/src/routes/docs/[...path]/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   let { data } = $props();
-  let { Content, metadata } = data;
+  let { content } = data;
 </script>
 
-<Content />
+{@html content}

site/src/routes/docs/[...path]/+page.ts

@@ -2,10 +2,7 @@ import { error } from "@sveltejs/kit";
 import type { Component } from "svelte";
 
 const articles = import.meta.glob<{
-  metadata: {
-    layout?: string;
-  };
-  default: Component;
+  default: string;
 }>("../**/*.md");
 
 export async function load({ params }) {
@@ -14,11 +11,8 @@ export async function load({ params }) {
     error(404, "");
   }
 
-  const { metadata, default: Content } = await article();
+  const content = await article();
   return {
-    Content,
-    metadata: {
-      ...metadata,
-    },
+    content: content.default,
   };
 }