feat: default language will be given according to the browse setting …

…and also can be configured infiniflow#801
cike8899 · May 17, 2024 · 24fdfd4 · 24fdfd4
1 parent 4ca176b
commit 24fdfd4
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 8 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -21,6 +21,7 @@
     "dayjs": "^1.11.10",
     "eventsource-parser": "^1.1.2",
     "i18next": "^23.7.16",
+    "i18next-browser-languagedetector": "^8.0.0",
     "js-base64": "^3.7.5",
     "jsencrypt": "^3.3.2",
     "lodash": "^4.17.21",

diff --git a/web/src/locales/config.ts b/web/src/locales/config.ts
@@ -1,4 +1,5 @@
 import i18n from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';
 
 import translation_en from './en';
@@ -11,13 +12,19 @@ const resources = {
   'zh-TRADITIONAL': translation_zh_traditional,
 };
 
-i18n.use(initReactI18next).init({
-  resources,
-  lng: 'en',
-  fallbackLng: 'en',
-  interpolation: {
-    escapeValue: false,
-  },
-});
+i18n
+  .use(initReactI18next)
+  .use(LanguageDetector)
+  .init({
+    detection: {
+      lookupLocalStorage: 'lng',
+    },
+    supportedLngs: ['en', 'zh', 'zh-TRADITIONAL'],
+    resources,
+    fallbackLng: 'en',
+    interpolation: {
+      escapeValue: false,
+    },
+  });
 
 export default i18n;