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

1 files changed, 7 insertions, 4 deletions

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}