fix: switching between zh and en bug (#720)

* fix:switching  between zh and en bug

* Update common.mk

---------

Co-authored-by: Rick <1450685+LinuxSuRen@users.noreply.github.com>

Author: user-xixiboliya

.gitignore

@@ -21,3 +21,4 @@ console/atest-desktop/atest.exe
 console/atest-desktop/coverage
 atest-store-git
 .db
+.marscode/

console/atest-ui/package-lock.json

@@ -9,7 +9,7 @@ import {
     Guide,
     DataAnalysis, Help, Setting
 } from '@element-plus/icons-vue'
-import { ref, watch } from 'vue'
+import { ref, watch, getCurrentInstance} from 'vue'
 import { API } from './views/net'
 import { Cache } from './views/cache'
 import TestingPanel from './views/TestingPanel.vue'
@@ -21,8 +21,12 @@ import WelcomePage from './views/WelcomePage.vue'
 import DataManager from './views/DataManager.vue'
 import MagicKey from './components/MagicKey.vue'
 import { useI18n } from 'vue-i18n'
+import ElementPlus from 'element-plus'; 
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs' 
+import enUS from 'element-plus/dist/locale/en.mjs'   
 
 const { t, locale: i18nLocale } = useI18n()
+const app = getCurrentInstance()?.appContext.app;
 
 import { setAsDarkTheme, getThemes, setTheme, getTheme } from './theme'
 
@@ -67,19 +71,25 @@ const handleSelect = (key: string) => {
 const locale = ref(Cache.GetPreference().language)
 i18nLocale.value = locale.value
 
-watch(locale, (e: string) =>{
-  Cache.WithLocale(e)
-  i18nLocale.value = e
-})
+watch(locale, (newLocale: string) => {
+  updateLocale(newLocale);
+});
+const updateLocale = (newLocale: string) => {
+  locale.value = newLocale;
+  i18nLocale.value = newLocale;
+  Cache.WithLocale(newLocale);
 
+  const elementLocale = newLocale === 'zh-CN' ? zhCn : enUS;
+  app?.use(ElementPlus, { locale: elementLocale }); 
+};
 const handleChangeLan = (command: string) => {
   switch (command) {
     case "chinese":
-      locale.value = "zh-CN"
-      break;
+    locale.value = 'zh-CN';
+    break;
     case "english":
-      locale.value = "en-US"
-      break;
+    locale.value = 'en-US';
+    break;
   }
 };
 

console/atest-ui/src/App.vue

@@ -42,6 +42,7 @@
         "codeGenerator": "代码生成",
         "testing": "测试",
         "history": "测试历史",
+        "mock": "模拟",
         "welcome": "欢迎",
         "secrets": "凭据",
         "stores": "存储",

console/atest-ui/src/locales/zh.json

@@ -46,8 +46,8 @@ app.config.errorHandler = (error) => {
 app.use(ElementPlus, {
   locale: lang === 'zh' ? zhCn : enUS
 })
-app.use(i18n)
 
+app.use(i18n)
 app.mount('#app')
 
 const dontShowAgain = window.location.search.indexOf('newbie') === -1;

console/atest-ui/src/main.ts

@@ -314,6 +314,7 @@ const renameTestSuite = (name: string) => {
         <HistoryInput placeholder="API" v-model="suite.api" group="apiAddress" />
       </el-form-item>
       <table class="full-width">
+        <tbody>
         <tr>
           <td>
             <el-select
@@ -337,6 +338,7 @@ const renameTestSuite = (name: string) => {
               />
           </td>
         </tr>
+       </tbody>
       </table>
 
       <el-collapse>