Merge pull request #169 from swedenconnect/feature/IS-168-Save-langua…

…ge-setting Feature/is 168 save language setting
swedenconnect · Oct 3, 2023 · 0a2e88f · 0a2e88f
2 parents 0e8905c + 922f233
commit 0a2e88f
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/bankid-frontend/src/components/LocaleChanger.vue b/bankid-frontend/src/components/LocaleChanger.vue
@@ -5,6 +5,8 @@
 
   const selectLanguage = (lang: string) => {
     locale.value = lang;
+    document.querySelector('html')?.setAttribute('lang', locale.value);
+    localStorage.setItem('locale', locale.value);
   };
 </script>
 

diff --git a/bankid-frontend/src/main.ts b/bankid-frontend/src/main.ts
@@ -64,9 +64,30 @@ async function initializeApp() {
     customContent = overrides.content;
   }
 
+  const ALL_LOCALES = Object.keys(messagesToBeLoaded);
+  type LocaleType = (typeof ALL_LOCALES)[number];
+
+  function isLocaleType(value: string): value is LocaleType {
+    return ALL_LOCALES.includes(value as LocaleType);
+  }
+
+  const storedLocale = localStorage.getItem('locale') ?? '';
+  const browserLocale = navigator.language.slice(0, 2);
+
+  let locale: LocaleType;
+  if (isLocaleType(storedLocale)) {
+    locale = storedLocale;
+  } else if (isLocaleType(browserLocale)) {
+    locale = browserLocale;
+  } else {
+    locale = 'sv';
+  }
+
+  document.querySelector('html')?.setAttribute('lang', locale);
+
   const i18n = createI18n({
     legacy: false,
-    locale: 'sv',
+    locale: locale,
     fallbackLocale: 'en',
     messages: messagesToBeLoaded,
   });