From b0ee18a9c0f16517aa87f8b58df55286af2f04f1 Mon Sep 17 00:00:00 2001
From: KeJun <kejun1997@gmail.com>
Date: Sat, 17 Jul 2021 23:03:14 +0800
Subject: feat: add language detector (#67)

* feat: add language detector

* style: fmt code
---
 src/App.js  | 7 +++++--
 src/i18n.js | 6 ++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/App.js b/src/App.js
index f195431..0e975fb 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,9 +16,12 @@ function App() {
 
       <div>
         <label>{t('select')}</label>
-        <select onChange={(e) => i18n.changeLanguage(e.target.value)}>
+        <select
+          value={i18n.language}
+          onChange={(e) => i18n.changeLanguage(e.target.value)}
+        >
           <option value="en-US">en-US</option>
-          <option value="简体中文">简体中文</option>
+          <option value="zh-CN">简体中文</option>
           <option value="es">es</option>
           <option value="pt">Português</option>
         </select>
diff --git a/src/i18n.js b/src/i18n.js
index e0c267d..26b0cc0 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -1,5 +1,6 @@
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
 
 const resources = {
   'en-US': {
@@ -27,7 +28,7 @@ const resources = {
       select: 'Select Language',
     },
   },
-  简体中文: {
+  'zh-CN': {
     translation: {
       title: 'WiFi 连接卡',
       'desc.use':
@@ -107,10 +108,11 @@ const resources = {
 
 i18n.use(initReactI18next).init({
   resources,
-  lng: 'en-US',
   interpolation: {
     escapeValue: false,
   },
 });
 
+i18n.use(LanguageDetector).init();
+
 export default i18n;
-- 
cgit v1.2.3