feat(i18n): 完善模型管理器本地化和文档标题动态化

- 新增 modelManager.provider 和 modelManager.model 配置项的国际化支持
- TextModelEditModal.vue 使用 i18n 替代硬编码文本
- 实现文档标题根据语言切换动态更新
- 添加 HTML lang 属性自动设置以改善 SEO 和可访问性

Co-authored-by: Foo Wei <25111723+fwten@users.noreply.github.com>

Author: linshenkx

packages/ui/src/components/TextModelEditModal.vue

@@ -33,14 +33,14 @@
           </NFormItem>
 
           <NDivider style="margin: 12px 0 8px 0;" />
-          <NH4 style="margin: 0 0 12px 0; font-size: 14px;">提供商配置</NH4>
+          <NH4 style="margin: 0 0 12px 0; font-size: 14px;">{{ t('modelManager.provider.section') }}</NH4>
 
-          <NFormItem label="提供商">
+          <NFormItem :label="t('modelManager.provider.label')">
             <NSelect
               v-model:value="form.providerId"
               :options="providerOptions"
               :loading="isLoadingProviders"
-              placeholder="选择提供商"
+              :placeholder="t('modelManager.provider.placeholder')"
               @update:value="onProviderChange"
               required
             />
@@ -82,7 +82,7 @@
           </NFormItem>
 
           <NDivider style="margin: 12px 0 8px 0;" />
-          <NH4 style="margin: 0 0 12px 0; font-size: 14px;">模型配置</NH4>
+          <NH4 style="margin: 0 0 12px 0; font-size: 14px;">{{ t('modelManager.model.section') }}</NH4>
 
           <NFormItem :label="t('modelManager.selectModel')">
             <NSpace align="center" style="width: 100%;">

packages/ui/src/i18n/locales/en-US.ts

@@ -732,6 +732,15 @@ export default {
     addModel: "Add",
     addImageModel: "Add Image Model",
 
+    provider: {
+      section: "Provider Configuration",
+      label: "Provider",
+      placeholder: "Select Provider",
+    },
+    model: {
+      section: "Model Configuration",
+    },
+
     // Advanced Parameters
     advancedParameters: {
       title: "Advanced Parameters",

packages/ui/src/i18n/locales/zh-CN.ts

@@ -713,6 +713,15 @@ export default {
     addModel: "添加",
     addImageModel: "添加图像模型",
 
+    provider: {
+      section: "提供商配置",
+      label: "提供商",
+      placeholder: "选择提供商",
+    },
+    model: {
+      section: "模型配置",
+    },
+
     // 高级参数
     advancedParameters: {
       title: "高级参数",

packages/ui/src/i18n/locales/zh-TW.ts

@@ -712,6 +712,15 @@ export default {
     addModel: "新增",
     addImageModel: "新增圖像模型",
 
+    provider: {
+      section: "提供商配置",
+      label: "提供商",
+      placeholder: "選擇提供商",
+    },
+    model: {
+      section: "模型配置",
+    },
+
     // 進階參數
     advancedParameters: {
       title: "進階參數",

packages/web/src/main.ts

@@ -15,15 +15,29 @@
  * along with this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { createApp } from 'vue'
-import { installI18nOnly } from '@prompt-optimizer/ui'
+import { createApp, watch } from 'vue'
+import { installI18nOnly, i18n } from '@prompt-optimizer/ui'
 import App from './App.vue'
 
 import '@prompt-optimizer/ui/dist/style.css'
 
 const app = createApp(App)
 // 只安装i18n插件，语言初始化将在App.vue中服务准备好后进行
 installI18nOnly(app)
+
+// 同步文档标题和语言属性
+if (typeof document !== 'undefined') {
+  const syncDocumentTitle = () => {
+    document.title = i18n.global.t('common.appName')
+    const currentLocale = String(i18n.global.locale.value || '')
+    const htmlLang = currentLocale.startsWith('zh') ? 'zh' : 'en'
+    document.documentElement.setAttribute('lang', htmlLang)
+  }
+
+  syncDocumentTitle()
+  watch(i18n.global.locale, syncDocumentTitle)
+}
+
 app.mount('#app')
 
 // 只在Vercel环境中加载Analytics