fix: synchronize locale with browser locale

#39
simonwep · Jul 6, 2024 · 2bf14af · 2bf14af
1 parent 1583d8b
commit 2bf14af
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
@@ -1,3 +1,4 @@
+import { watchEffect } from 'vue';
 import { createI18n, IntlNumberFormat } from 'vue-i18n';
 import de from './locales/de.json';
 import en from './locales/en.json';
@@ -33,3 +34,8 @@ export const i18n = createI18n({
   messages: messages as any,
   numberFormats: Object.fromEntries(availableLocales.map((locale) => [locale, numberFormats]))
 });
+
+// Synchronize the i18n locale with the browser locale
+watchEffect(() => {
+  document.documentElement.lang = i18n.global.locale.value;
+});