feat: Fully functioning i18n

1 files changed, 10 insertions, 5 deletions

diff --git a/apps/kit/src/lib/components/locale-switcher.svelte b/apps/kit/src/lib/components/locale-switcher.svelte
index 1f9eb37..477e2d7 100644
--- a/apps/kit/src/lib/components/locale-switcher.svelte
+++ b/apps/kit/src/lib/components/locale-switcher.svelte
@@ -1,16 +1,25 @@
 <script lang="ts">
     import { browser } from "$app/environment";
     import { page } from "$app/stores";
+    import { CookieNames } from "$lib/configuration";
+    import { set_cookie } from "$lib/helpers";
     import { setLocale, locale } from "$lib/i18n/i18n-svelte";
     import type { Locales } from "$lib/i18n/i18n-types";
     import { locales } from "$lib/i18n/i18n-util";
     import { loadLocaleAsync } from "$lib/i18n/i18n-util.async";
+    import Cookies from "js-cookie";
 
     const switchLocale = async (newLocale: Locales) => {
         if (!newLocale || $locale === newLocale) return;
         await loadLocaleAsync(newLocale);
         setLocale(newLocale);
         document.querySelector("html")?.setAttribute("lang", newLocale);
+        set_cookie(CookieNames.locale, newLocale);
+        Cookies.set(CookieNames.locale, newLocale, {
+            sameSite: "strict",
+            domain: location.hostname,
+        });
+        console.log("Switched to: " + newLocale);
     };
 
     $: if (browser) {
@@ -21,11 +30,7 @@
 <ul>
     {#each locales as aLocale}
         <li>
-            <button
-                type="button"
-                class:active={aLocale === $locale}
-                on:click={() => switchLocale(aLocale)}
-            >
+            <button type="button" class:active={aLocale === $locale} on:click={() => switchLocale(aLocale)}>
                 {aLocale}
             </button>
         </li>