From cb1c2a32ceaf7aa6ead554230e471927c6581c6e Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Thu, 7 Apr 2022 18:10:06 +0800
Subject: [PATCH] update: set the default language on first use

---
 _locales/{cmn_SC.yml => cmn-SC.yml} |  0
 _locales/{cmn_TC.yml => cmn-TC.yml} |  0
 src/contentScripts/views/App.vue    | 12 ++++++++++++
 src/logic/storage.ts                |  2 +-
 4 files changed, 13 insertions(+), 1 deletion(-)
 rename _locales/{cmn_SC.yml => cmn-SC.yml} (100%)
 rename _locales/{cmn_TC.yml => cmn-TC.yml} (100%)

diff --git a/_locales/cmn_SC.yml b/_locales/cmn-SC.yml
similarity index 100%
rename from _locales/cmn_SC.yml
rename to _locales/cmn-SC.yml
diff --git a/_locales/cmn_TC.yml b/_locales/cmn-TC.yml
similarity index 100%
rename from _locales/cmn_TC.yml
rename to _locales/cmn-TC.yml
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index fb7fa139..7ef49f45 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -58,7 +58,19 @@ const toggleDark = useToggle(isDark)
 const { locale } = useI18n()
 
 window.onload = () => {
+  // if there is first-time load extension, set the default language by browser display language
+  if (language.value === '') {
+    if (browser.i18n.getUILanguage() === 'zh-CN')
+      language.value = 'cmn-SC'
+    else if (browser.i18n.getUILanguage() === 'zh-TW')
+      language.value = 'cmn-TC'
+    else
+      language.value = 'en'
+  }
+
   locale.value = language.value
+
+  // locale.value = language.value
 }
 
 </script>
diff --git a/src/logic/storage.ts b/src/logic/storage.ts
index 2afec05c..fae0efaf 100644
--- a/src/logic/storage.ts
+++ b/src/logic/storage.ts
@@ -1,6 +1,6 @@
 import { useStorageLocal } from '~/composables/useStorageLocal'
 
 export const storageDemo = useStorageLocal('webext-demo', 'Storage Demo', { listenToStorageChanges: true })
-export const language = useStorageLocal('language', 'en', { listenToStorageChanges: true })
+export const language = useStorageLocal('language', '', { listenToStorageChanges: true })
 export const isShowTopbar = useStorageLocal('isShowTopbar', true, { listenToStorageChanges: true })
 export const accessKey = useStorageLocal('accessKey', '', { listenToStorageChanges: true })