feat: Loading locales now work, needs a bit of a polish

5 files changed, 24 insertions, 7 deletions

diff --git a/apps/kit/src/routes/(public)/+layout.svelte b/apps/kit/src/routes/(public)/+layout.svelte
index 1301e50..84cd442 100644
--- a/apps/kit/src/routes/(public)/+layout.svelte
+++ b/apps/kit/src/routes/(public)/+layout.svelte
@@ -1,6 +1,3 @@
 <script>
-    import {setLocale} from "$lib/i18n/i18n-svelte";
-
-    setLocale("nb");
 </script>
 <slot></slot>
\ No newline at end of file
diff --git a/apps/kit/src/routes/(public)/login/+page.svelte b/apps/kit/src/routes/(public)/login/+page.svelte
index 800575e..36230e3 100644
--- a/apps/kit/src/routes/(public)/login/+page.svelte
+++ b/apps/kit/src/routes/(public)/login/+page.svelte
@@ -2,23 +2,26 @@
     import {goto} from "$app/navigation";
     import {login} from "$lib/api/user";
     import LL from "$lib/i18n/i18n-svelte";
+    import {setLocale} from "$lib/i18n/i18n-svelte";
+    import {loadLocaleAsync} from "$lib/i18n/i18n-util.async";
     import type {ErrorResult} from "$lib/models/ErrorResult";
     import type {LoginPayload} from "$lib/models/LoginPayload";
 
     const data = {
         username: "",
-        password: ""
+        password: "",
     } as LoginPayload;
+
     let error = {
         text: "",
-        title: ""
+        title: "",
     } as ErrorResult;
 
     async function submitFormAsync() {
         error = {text: "", title: ""};
         const loginResponse = await login(data);
         if (loginResponse.ok) {
-            await goto("/home")
+            await goto("/home");
         } else {
             error.title = loginResponse.data.title;
             error.text = loginResponse.data.text;
@@ -34,7 +37,7 @@
                class="font-medium text-indigo-600 hover:text-indigo-500">{$LL.login.createANewAccount()}</a>
         </p>
     </div>
-
+    <button on:click={async () => {await loadLocaleAsync("nb"); setLocale("nb")}}>Norge</button>
     <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
         <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
             {#if error.text || error.title}
diff --git a/apps/kit/src/routes/+layout.svelte b/apps/kit/src/routes/+layout.svelte
index ee76da9..688673b 100644
--- a/apps/kit/src/routes/+layout.svelte
+++ b/apps/kit/src/routes/+layout.svelte
@@ -3,6 +3,12 @@
     import {afterNavigate, beforeNavigate, goto} from "$app/navigation";
     import {is_active} from "$lib/session";
     import type {Navigation} from "@sveltejs/kit";
+    import {setLocale} from "$lib/i18n/i18n-svelte";
+    import {onMount} from "svelte";
+    import type {LayoutData} from "./$types";
+
+    export let data: LayoutData;
+    onMount(() => setLocale(data.locale));
 
     async function redirect_if_necessary(ticket: Navigation) {
         const sessionIsValid = await is_active();
@@ -20,4 +26,5 @@
     afterNavigate(redirect_if_necessary);
     beforeNavigate(redirect_if_necessary);
 </script>
+
 <slot></slot>
\ No newline at end of file
diff --git a/apps/kit/src/routes/+layout.ts b/apps/kit/src/routes/+layout.ts
new file mode 100644
index 0000000..de8a5c0
--- /dev/null
+++ b/apps/kit/src/routes/+layout.ts
@@ -0,0 +1,9 @@
+import type {Locales} from "$lib/i18n/i18n-types";
+import {loadLocaleAsync} from "$lib/i18n/i18n-util.async";
+import type {LayoutLoad} from "./$types";
+
+export const load: LayoutLoad<{ locale: Locales }> = async ({url, params}) => {
+    let lang = "en" as Locales;
+    await loadLocaleAsync(lang);
+    return {locale: lang};
+};
\ No newline at end of file
diff --git a/apps/kit/src/routes/+page.svelte b/apps/kit/src/routes/+page.svelte
new file mode 100644
index 0000000..ca15e44
--- /dev/null
+++ b/apps/kit/src/routes/+page.svelte
@@ -0,0 +1 @@
+<p class="text-bold p-1">Hold on...</p>
\ No newline at end of file