Upload i18n.js

web/src/i18n.js

@@ -0,0 +1,30 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import enTranslations from './locales/en.json';
+import viTranslations from './locales/vi.json';
+
+i18n
+  .use(LanguageDetector) // Use the language detector
+  .use(initReactI18next)
+  .init({
+    resources: {
+      en: {
+        translation: enTranslations
+      },
+      vi: {
+        translation: viTranslations
+      }
+    },
+    fallbackLng: 'en',
+    debug: false, // Set to true for debugging i18next issues
+    interpolation: {
+      escapeValue: false
+    },
+    detection: {
+      order: ['localStorage', 'navigator'], // Prioritize localStorage over browser language
+      caches: ['localStorage'], // Cache the detected language
+    }
+  });
+
+export default i18n;