✨ Content

Author: SnaveSutit

src/docs/configs/animation/+page.md src/docs/configs/animation/en.mdsrc/docs/configs/animation/+page.md renamed to src/docs/configs/animation/en.md

@@ -1,3 +1,5 @@
+import type { Component } from 'svelte'
+
 const MODULES = import.meta.glob('/src/docs/**/*.md')
 
 export const DEFAULT_LANGUAGE = 'en'
@@ -7,5 +9,7 @@ export function getDocModule(lang = 'en', path: string) {
 	const normalizedLang = SUPPORTED_LANGAUGES.includes(lang) ? lang : DEFAULT_LANGUAGE
 	const key = `/src/docs/${path}/${normalizedLang}.md`
 
-	return MODULES[key] ?? MODULES[`/src/docs/${path}/${DEFAULT_LANGUAGE}.md`]
+	const mod = MODULES[key] ?? MODULES[`/src/docs/${path}/${DEFAULT_LANGUAGE}.md`]
+
+	return mod as () => Promise<{ default: Component; metadata: Record<string, any> }>
 }

src/docs/configs/display-entity/+page.md src/docs/configs/display-entity/en.mdsrc/docs/configs/display-entity/+page.md renamed to src/docs/configs/display-entity/en.md

@@ -1,14 +1,5 @@
 <script lang="ts">
-	interface Props {
-		data: {
-			lang: string
-			path: string
-		}
-	}
-	const { data }: Props = $props()
+	const { data } = $props()
 </script>
 
-<div>Hello, world!</div>
-<p>{data.lang}</p>
-<p>{data.path}</p>
-<p>{JSON.stringify(data)}</p>
+{@render data.component?.()}