feat: version 2.9.1 (#207)

* feat: i18n

* chore: format

* feat: 补充遗漏翻译

* chore: update deps

* feat: 复制代码块[#196][#197]

* chore: version 2.9.1

src/components/common/Setting/About.vue

@@ -47,16 +47,16 @@ onMounted(() => {
           >
             Github
           </a>
-          免费，并且没有任何形式分付费行为！
+          ，免费且基于 MIT 协议，没有任何形式的付费行为！
         </p>
         <p>
           如果你觉得此项目对你有帮助，请在 Github 帮我点个 Star 或者给予一点赞助，谢谢！
         </p>
       </div>
-      <p>API方式：{{ config?.apiModel ?? '-' }}</p>
-      <p>反向代理：{{ config?.reverseProxy ?? '-' }}</p>
-      <p>超时时间：{{ config?.timeoutMs ?? '-' }}</p>
-      <p>Socks代理：{{ config?.socksProxy ?? '-' }}</p>
+      <p>{{ $t("setting.api") }}：{{ config?.apiModel ?? '-' }}</p>
+      <p>{{ $t("setting.reverseProxy") }}：{{ config?.reverseProxy ?? '-' }}</p>
+      <p>{{ $t("setting.timeout") }}：{{ config?.timeoutMs ?? '-' }}</p>
+      <p>{{ $t("setting.socks") }}：{{ config?.socksProxy ?? '-' }}</p>
     </div>
   </NSpin>
 </template>

src/components/common/Setting/General.vue

@@ -5,6 +5,7 @@ import type { Language, Theme } from '@/store/modules/app/helper'
 import { SvgIcon } from '@/components/common'
 import { useAppStore, useUserStore } from '@/store'
 import type { UserInfo } from '@/store/modules/user/helper'
+import { t } from '@/locales'
 
 interface Emit {
   (event: 'update'): void
@@ -61,12 +62,12 @@ const languageOptions: { label: string; key: Language; value: Language }[] = [
 
 function updateUserInfo(options: Partial<UserInfo>) {
   userStore.updateUserInfo(options)
-  ms.success('Update success')
+  ms.success(t('common.success'))
 }
 
 function handleReset() {
   userStore.resetUserInfo()
-  ms.success('Reset success')
+  ms.success(t('common.success'))
   emit('update')
 }
 </script>
@@ -75,40 +76,40 @@ function handleReset() {
   <div class="p-4 space-y-5 min-h-[200px]">
     <div class="space-y-6">
       <div class="flex items-center space-x-4">
-        <span class="flex-shrink-0 w-[100px]">Avatar Link</span>
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.avatarLink') }}</span>
         <div class="flex-1">
           <NInput v-model:value="avatar" placeholder="" />
         </div>
         <NButton size="tiny" text type="primary" @click="updateUserInfo({ avatar })">
-          Save
+          {{ $t('common.save') }}
         </NButton>
       </div>
       <div class="flex items-center space-x-4">
-        <span class="flex-shrink-0 w-[100px]">Name</span>
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.name') }}</span>
         <div class="w-[200px]">
           <NInput v-model:value="name" placeholder="" />
         </div>
         <NButton size="tiny" text type="primary" @click="updateUserInfo({ name })">
-          Save
+          {{ $t('common.save') }}
         </NButton>
       </div>
       <div class="flex items-center space-x-4">
-        <span class="flex-shrink-0 w-[100px]">Description</span>
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.description') }}</span>
         <div class="flex-1">
           <NInput v-model:value="description" placeholder="" />
         </div>
         <NButton size="tiny" text type="primary" @click="updateUserInfo({ description })">
-          Save
+          {{ $t('common.save') }}
         </NButton>
       </div>
       <div class="flex items-center space-x-4">
-        <span class="flex-shrink-0 w-[100px]">Reset UserInfo</span>
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.resetUserInfo') }}</span>
         <NButton text type="primary" @click="handleReset">
-          Reset
+          {{ $t('common.reset') }}
         </NButton>
       </div>
       <div class="flex items-center space-x-4">
-        <span class="flex-shrink-0 w-[100px]">Theme</span>
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.theme') }}</span>
         <div class="flex items-center space-x-4">
           <template v-for="item of themeOptions" :key="item.key">
             <a
@@ -124,7 +125,7 @@ function handleReset() {
         </div>
       </div>
       <div class="flex items-center space-x-4">
-        <span class="flex-shrink-0 w-[100px]">Language</span>
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.language') }}</span>
         <div class="flex items-center space-x-4">
           <template v-for="item of languageOptions" :key="item.key">
             <a

src/components/common/Setting/index.vue

@@ -5,6 +5,10 @@ import General from './General.vue'
 import About from './About.vue'
 import { SvgIcon } from '@/components/common'
 
+const props = defineProps<Props>()
+
+const emit = defineEmits<Emit>()
+
 interface Props {
   visible: boolean
 }
@@ -13,10 +17,6 @@ interface Emit {
   (e: 'update:visible', visible: boolean): void
 }
 
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
 const active = ref('General')
 
 const reload = ref(false)
@@ -39,13 +39,13 @@ function handleReload() {
 </script>
 
 <template>
-  <NModal v-model:show="show">
+  <NModal v-model:show="show" :auto-focus="false">
     <NCard role="dialog" aria-modal="true" :bordered="false" style="width: 100%; max-width: 640px">
       <NTabs v-model:value="active" type="line" animated>
         <NTabPane name="General" tab="General">
           <template #tab>
             <SvgIcon class="text-lg" icon="ri:file-user-line" />
-            <span class="ml-2">General</span>
+            <span class="ml-2">{{ $t('setting.general') }}</span>
           </template>
           <div class="min-h-[100px]">
             <General v-if="!reload" @update="handleReload" />
@@ -54,7 +54,7 @@ function handleReload() {
         <NTabPane name="Config" tab="Config">
           <template #tab>
             <SvgIcon class="text-lg" icon="ri:list-settings-line" />
-            <span class="ml-2">Config</span>
+            <span class="ml-2">{{ $t('setting.config') }}</span>
           </template>
           <About />
         </NTabPane>