refactor(i18n): ♻️ 加强基础国际化

src/layout/components/NavBar/components/NavbarRight.vue

@@ -9,7 +9,11 @@
       </div>
 
       <!-- 布局大小 -->
-      <el-tooltip content="布局大小" effect="dark" placement="bottom">
+      <el-tooltip
+        :content="$t('sizeSelect.tooltip')"
+        effect="dark"
+        placement="bottom"
+      >
         <size-select class="setting-item" />
       </el-tooltip>
 
@@ -32,13 +36,13 @@
             target="_blank"
             href="https://gitee.com/youlaiorg/vue3-element-admin"
           >
-            <el-dropdown-item>项目地址</el-dropdown-item>
+            <el-dropdown-item>{{ $t("navbar.gitee") }}</el-dropdown-item>
           </a>
           <a target="_blank" href="https://juejin.cn/post/7228990409909108793">
-            <el-dropdown-item>项目文档</el-dropdown-item>
+            <el-dropdown-item>{{ $t("navbar.document") }}</el-dropdown-item>
           </a>
           <el-dropdown-item divided @click="logout">
-            注销登出
+            {{ $t("navbar.logout") }}
           </el-dropdown-item>
         </el-dropdown-menu>
       </template>

src/layout/components/Settings/index.vue

@@ -1,6 +1,10 @@
 <template>
-  <el-drawer v-model="settingsVisible" size="300" title="项目配置">
-    <el-divider>主题设置</el-divider>
+  <el-drawer
+    v-model="settingsVisible"
+    size="300"
+    :title="$t('settings.project')"
+  >
+    <el-divider>{{ $t("settings.theme") }}</el-divider>
 
     <div class="flex-center">
       <el-switch
@@ -11,10 +15,10 @@
       />
     </div>
 
-    <el-divider>界面设置</el-divider>
+    <el-divider>{{ $t("settings.interface") }}</el-divider>
 
     <div class="settings-option">
-      <el-text>主题颜色</el-text>
+      <span class="text-xs">{{ $t("settings.themeColor") }}</span>
       <ThemeColorPicker
         v-model="settingsStore.themeColor"
         @update:model-value="changeThemeColor"
@@ -22,26 +26,26 @@
     </div>
 
     <div class="settings-option">
-      <el-text>开启 Tags-View</el-text>
+      <span class="text-xs">{{ $t("settings.tagsView") }}</span>
       <el-switch v-model="settingsStore.tagsView" />
     </div>
 
     <div class="settings-option">
-      <el-text>固定 Header</el-text>
+      <span class="text-xs">{{ $t("settings.fixedHeader") }}</span>
       <el-switch v-model="settingsStore.fixedHeader" />
     </div>
 
     <div class="settings-option">
-      <el-text>侧边栏 Logo</el-text>
+      <span class="text-xs">{{ $t("settings.sidebarLogo") }}</span>
       <el-switch v-model="settingsStore.sidebarLogo" />
     </div>
 
     <div class="settings-option">
-      <el-text>开启水印</el-text>
+      <span class="text-xs">{{ $t("settings.watermark") }}</span>
       <el-switch v-model="settingsStore.watermarkEnabled" />
     </div>
 
-    <el-divider>导航设置</el-divider>
+    <el-divider>{{ $t("settings.navigation") }}</el-divider>
 
     <LayoutSelect
       v-model="settingsStore.layout"