From 1f92e377adce5a960acf76a5f474c92a982f527e Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Mon, 5 Aug 2024 14:44:40 +0200
Subject: [PATCH] add languages

---
 website/src/lib/languages.ts                  |  4 ++++
 website/src/routes/+layout.svelte             | 19 +--------------
 .../src/routes/[...language]/+layout.svelte   | 23 +++++++++++++++++++
 3 files changed, 28 insertions(+), 18 deletions(-)
 create mode 100644 website/src/routes/[...language]/+layout.svelte

diff --git a/website/src/lib/languages.ts b/website/src/lib/languages.ts
index cccbd8db..1e58ec4b 100644
--- a/website/src/lib/languages.ts
+++ b/website/src/lib/languages.ts
@@ -1,3 +1,7 @@
 export const languages: Record<string, string> = {
     'en': 'English',
+    'es': 'Español',
+    'fr': 'Français',
+    'nl': 'Nederlands',
+    'pt-BR': 'Português (Brasil)',
 };
\ No newline at end of file
diff --git a/website/src/routes/+layout.svelte b/website/src/routes/+layout.svelte
index bddcd61a..973bc96a 100644
--- a/website/src/routes/+layout.svelte
+++ b/website/src/routes/+layout.svelte
@@ -1,28 +1,11 @@
 <script lang="ts">
 	import '../app.pcss';
 	import { ModeWatcher } from 'mode-watcher';
-	import { isLoading, locale, _ } from 'svelte-i18n';
+	import { isLoading, _ } from 'svelte-i18n';
 	import { page } from '$app/stores';
 	import Head from '$lib/components/Head.svelte';
 	import Nav from '$lib/components/Nav.svelte';
 	import Footer from '$lib/components/Footer.svelte';
-	import { languages } from '$lib/languages';
-	import { browser } from '$app/environment';
-	import { goto } from '$app/navigation';
-	import { base } from '$app/paths';
-
-	$: if ($page.params.language === '' && $locale !== 'en') {
-		locale.set('en');
-	} else if ($page.params.language) {
-		let lang = $page.params.language.replace('/', '');
-		if ($locale !== lang) {
-			if (languages.hasOwnProperty(lang)) {
-				locale.set(lang);
-			} else if (browser) {
-				goto(`${base}/404`);
-			}
-		}
-	}
 
 	const appRoutes = ['/[...language]/app', '/[...language]/embed'];
 
diff --git a/website/src/routes/[...language]/+layout.svelte b/website/src/routes/[...language]/+layout.svelte
new file mode 100644
index 00000000..b509b73e
--- /dev/null
+++ b/website/src/routes/[...language]/+layout.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { locale, _ } from 'svelte-i18n';
+	import { page } from '$app/stores';
+	import { languages } from '$lib/languages';
+	import { browser } from '$app/environment';
+	import { goto } from '$app/navigation';
+	import { base } from '$app/paths';
+
+	$: if ($page.params.language === '' && $locale !== 'en') {
+		locale.set('en');
+	} else if ($page.params.language) {
+		let lang = $page.params.language.replace('/', '');
+		if ($locale !== lang) {
+			if (languages.hasOwnProperty(lang)) {
+				locale.set(lang);
+			} else if (browser) {
+				goto(`${base}/404`);
+			}
+		}
+	}
+</script>
+
+<slot />