feat: Detect browsere language (#230)

yurucam · May 1, 2024 · 914aa39 · 914aa39
2 parents 6b4dea7 + be9c281
commit 914aa39
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 14 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.4.56",
+  "version": "0.4.57",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/web/src/locales/index.ts b/web/src/locales/index.ts
@@ -3,18 +3,22 @@ import ko from './translations/ko.json';
 import en from './translations/en.json';
 import ja from './translations/ja.json';
 import { initReactI18next } from 'react-i18next';
-import { useStore } from '../store';
-
-i18n.use(initReactI18next).init({
-  lng: useStore.getState().language,
-  debug: false,
-  resources: {
-    en: { translation: en },
-    ja: { translation: ja },
-    ko: { translation: ko },
-  },
-});
+import LanguageDetector from 'i18next-browser-languagedetector';
 
 const supportLanguages = ['en', 'ja', 'ko'];
 
 export { supportLanguages };
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    lng: localStorage.getItem('language') || undefined,
+    supportedLngs: supportLanguages,
+    debug: false,
+    resources: {
+      en: { translation: en },
+      ja: { translation: ja },
+      ko: { translation: ko },
+    },
+  });