(nuxt) dynamically load blog post markdowns

This commit is contained in:
Valentyne Stigloher 2025-01-19 21:38:30 +01:00
parent dc787977e5
commit c25649405b

View File

@ -27,6 +27,8 @@ definePageMeta({
}); });
const { $translator: translator, $loadScript: loadScript } = useNuxtApp(); const { $translator: translator, $loadScript: loadScript } = useNuxtApp();
const config = useConfig();
const route = useRoute(); const route = useRoute();
const slug = (route.params.slug ?? route.meta.slug) as string; const slug = (route.params.slug ?? route.meta.slug) as string;
@ -47,14 +49,12 @@ useSimpleHead({
const post = useTemplateRef<HTMLDivElement>('post'); const post = useTemplateRef<HTMLDivElement>('post');
try { try {
const markdown = (await import(`~/data/blog/${slug}.md`)).default; const markdown = (await import(`~/locale/${config.locale}/blog/${slug}.md`)).default;
blogEntry.value = await parseMarkdown(markdown, translator); blogEntry.value = await parseMarkdown(markdown, translator);
} catch (error) { } catch (error) {
// import failed // import failed
} }
const config = useConfig();
onMounted(async () => { onMounted(async () => {
if (!content.value) { if (!content.value) {
return; return;