diff --git a/packages/toolkits/pro/template/tinyvue/config/vite.config.base.ts b/packages/toolkits/pro/template/tinyvue/config/vite.config.base.ts
index abd265a1..f1dce32f 100644
--- a/packages/toolkits/pro/template/tinyvue/config/vite.config.base.ts
+++ b/packages/toolkits/pro/template/tinyvue/config/vite.config.base.ts
@@ -41,7 +41,7 @@ const config = {
       },
       {
         find: 'vue-i18n',
-        replacement: 'vue-i18n/dist/vue-i18n.cjs.js', // Resolve the i18n warning issue
+        replacement: 'vue-i18n/dist/vue-i18n.esm-bundler.js', // Resolve the i18n warning issue
       },
       {
         find: 'vue',
diff --git a/packages/toolkits/pro/template/tinyvue/config/vite.config.preview.base.ts b/packages/toolkits/pro/template/tinyvue/config/vite.config.preview.base.ts
index 05b4765b..b815ab17 100644
--- a/packages/toolkits/pro/template/tinyvue/config/vite.config.preview.base.ts
+++ b/packages/toolkits/pro/template/tinyvue/config/vite.config.preview.base.ts
@@ -39,7 +39,7 @@ export default defineConfig({
       },
       {
         find: 'vue-i18n',
-        replacement: 'vue-i18n/dist/vue-i18n.cjs.js', // Resolve the i18n warning issue
+        replacement: 'vue-i18n/dist/vue-i18n.esm-bundler.js', // Resolve the i18n warning issue
       },
       {
         find: 'vue',
diff --git a/packages/toolkits/pro/template/tinyvue/package.json b/packages/toolkits/pro/template/tinyvue/package.json
index 81f5f2f6..0afacd57 100644
--- a/packages/toolkits/pro/template/tinyvue/package.json
+++ b/packages/toolkits/pro/template/tinyvue/package.json
@@ -45,7 +45,7 @@
     "query-string": "^7.0.1",
     "vue": "^3.2.31",
     "vue-eslint-parser": "^9.1.0",
-    "vue-i18n": "^9.2.0-beta.17",
+    "vue-i18n": "^9.3.0",
     "vue-router": "^4.0.14"
   },
   "devDependencies": {
diff --git a/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue b/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue
index d165e950..f27b403a 100644
--- a/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue
@@ -276,6 +276,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
+    color: #000;
   }
 
   .title {
@@ -297,7 +298,18 @@
     }
   }
   :deep(.tiny-tree-node__wrapper > .is-current > .tiny-tree-node__content) {
-    background: var(--ti-tree-menu-node-hover-bg-color);
+    color: #000 !important;
+    background: none !important;
+    margin-left: 0 !important;
+    &:hover {
+      background: #fff !important;
+      color: #fff !important;
+    }
+  }
+  :deep(.tiny-tree-node__wrapper > .is-expanded >  .tiny-tree-node__children
+  > .tiny-tree-node__wrapper > .is-current > .tiny-tree-node__content
+  ) {
+    background-color: var(--ti-tree-menu-node-hover-bg-color) !important;
     margin-left: 0 !important;
     &:hover {
       background: var(--ti-tree-menu-node-hover-bg-color) !important;
diff --git a/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue b/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue
index e2ac6239..c828b224 100644
--- a/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue
@@ -25,7 +25,8 @@
         <div class="divider"></div>
       </li>
       <li @click="changeLan">
-        <span>{{ i18.locale.value }}</span>
+        <span v-if="i18.locale.value === 'zhCN'">中文</span>
+        <span v-else>English</span>
         <img src="@/assets/images/lan.png" alt="lan" class="navbar-lan" />
         <div v-if="lan" class="trigger-lan">
           <li
@@ -122,6 +123,7 @@
 
   const switchRoles = async () => {
     const res = await userStore.switchRoles();
+    
     Modal.message({
       message: res as string,
       status: 'success',