trainings pagina engels werkt

Author: tdamsma

content/trainingen/_.en._.md

@@ -0,0 +1,8 @@
+---
+title: "not found"
+img: "_.jpg"
+alt: ""
+volgnummer: "" 
+---
+
+# The requested page could not be found

content/trainingen/_.jpg

@@ -0,0 +1,8 @@
+---
+title: "niet gevonden"
+img: "_.jpg"
+alt: ""
+volgnummer: "" 
+---
+
+# De gevraagde pagina kon niet worden gevonden

content/trainingen/_.nl._.md

@@ -1,31 +1,42 @@
-const importPaths = {
+import type { AvailableLanguageTag } from '$lib/paraglide/runtime.js';
+const importPathsNl = {
     blog: import.meta.glob('$content/blog/*.nl.md'),
     coaching: import.meta.glob('$content/coaching/*.nl.md'),
     opdrachtgevers: import.meta.glob('$content/opdrachtgevers/*.nl.md'),
     team: import.meta.glob('$content/team/*.nl.md'),
     trainingen: import.meta.glob('$content/trainingen/*.nl.md')
 };
+const importPathsEn = {
+    blog: import.meta.glob('$content/blog/*.en.md'),
+    coaching: import.meta.glob('$content/coaching/*.en.md'),
+    opdrachtgevers: import.meta.glob('$content/opdrachtgevers/*.en.md'),
+    team: import.meta.glob('$content/team/*.en.md'),
+    trainingen: import.meta.glob('$content/trainingen/*.en.md')
+};
+
+const importPathsMap = {
+    nl: importPathsNl,
+    en: importPathsEn
+};
 
-const validCategories = ['blog', 'coaching', 'opdrachtgevers', 'team', 'trainingen'];
 
-export const fetchContent = async (category) => {
-	if (!validCategories.includes(category)) {
-		throw new Error('Invalid category');
-	}
+type ValidCategory = 'blog' | 'coaching' | 'opdrachtgevers' | 'team' | 'trainingen';
 
-	const allPostFiles = importPaths[category];
-	const iterablePostFiles = Object.entries(allPostFiles);
+export const fetchContent = async (category: ValidCategory, language: AvailableLanguageTag) => {
+    const importPaths = importPathsMap[language];
+    const allPostFiles = importPaths[category];
+    const iterablePostFiles = Object.entries(allPostFiles);
 
     const allPosts = await Promise.all(
         iterablePostFiles.map(async ([path, resolver]) => {
             const { metadata } = await resolver();
-            const postPath = path.replace(`/content/${category}/`, '').replace('.nl.md', '');
+            const postPath = path.replace(`/content/${category}/`, '').replace(`.${language}.md`, '');
             return {
                 meta: metadata,
                 path: postPath
             };
         })
     );
 
-	return allPosts;
+    return allPosts;
 };

src/lib/utils/index.ts

@@ -42,10 +42,10 @@
 	onMount(() => {
 		trainings = Object.entries(TrainingModules)
 			.map(([path, module]) => ({
-				path: path.replace(/\.nl\.md$/, ''),
+				path: path.replace(/\.(nl|en)\.md$/, ''),
 				name:
 					path
-						.replace(/\.nl\.md$/, '')
+						.replace(/\.(nl|en)\.md$/, '')
 						.split('/')
 						.pop() || path,
 				meta: module.metadata,

src/routes/trainingen/+page.svelte

@@ -1,11 +1,18 @@
 import { fetchContent } from '$lib/utils';
+import { languageTag } from '$lib/paraglide/runtime.js';
+export async function load({ depends, params }) {
+	depends("paraglide:lang");
+	let post;
+	try {
+		post = await import(`$content/trainingen/${params.training_title}.${languageTag()}.md`);
+	} catch (error) {
+		post = await import(`$content/trainingen/_.${languageTag()}._.md`);
+	}
 
-export async function load({ params }) {
-	const post = await import(`$content/trainingen/${params.training_title}.md`);
 	const { title, date, img, springest } = post.metadata;
 	const content = post.default;
 
-	const allPosts = await fetchContent('trainingen');
+	const allPosts = await fetchContent('trainingen', languageTag());
 	const sortedPosts = allPosts.sort((a, b) => a.meta.volgnummer - b.meta.volgnummer);
 
 	const currentIndex = sortedPosts.findIndex((p) => p.path === params.training_title);
@@ -23,10 +30,4 @@ export async function load({ params }) {
 	};
 }
 
-/** @type {import('./$types').EntryGenerator} */
-export async function entries() {
-	const allPosts = await fetchContent('trainingen');
-	return allPosts.map((post) => ({ training_title: post.path }));
-}
-
 export const prerender = true;