From a3d89803f11afed34691ccd229433e98eac0c7b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=9D=E5=B0=98?= <237809796@qq.com>
Date: Wed, 1 Jul 2026 00:48:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=20=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E6=B8=B2=E6=9F=93=E5=B4=A9=E6=BA=83(AppearanceSection?=
 =?UTF-8?q?=20=E9=9D=99=E6=80=81=20import=20@/i18n=20=E8=A7=A6=E5=8F=91=20?=
 =?UTF-8?q?TDZ)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- AppearanceSection 去掉 import i18n from '@/i18n',改用 useI18n() 获取 locale
- 根因:@/i18n 模块顶层调 useAppSettingsStore().get(),打包后初始化顺序冲突
- 这是设置页 + AI 独立窗口反复报 Cannot access 'u' before initialization 的根因
---
 src/components/settings/AppearanceSection.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/settings/AppearanceSection.vue b/src/components/settings/AppearanceSection.vue
index 235a796..0da24dd 100644
--- a/src/components/settings/AppearanceSection.vue
+++ b/src/components/settings/AppearanceSection.vue
@@ -43,8 +43,8 @@
 
 <script setup lang="ts">
 import { reactive, watch, onMounted, useTemplateRef } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useAppSettingsStore } from '@/stores/appSettings'
-import i18n from '@/i18n'
 import SettingRow from './SettingRow.vue'
 
 // ============================================================
@@ -53,6 +53,7 @@ import SettingRow from './SettingRow.vue'
 // 阶段5:SettingRow 封装行布局,控件变更后调 markSaved 显"已保存"
 // ============================================================
 const appSettings = useAppSettingsStore()
+const { locale } = useI18n()
 
 const settings = reactive({
   theme: appSettings.get<string>('df-theme', 'dark'),
@@ -107,7 +108,7 @@ watch(() => settings.streamingMd, (val) => {
 watch(() => settings.language, (val) => {
   void appSettings.set('df-language', val)
   // 同步 i18n 实例，让界面立即跟随语言切换
-  i18n.global.locale.value = val as 'zh-CN' | 'en'
+  locale.value = val as 'zh-CN' | 'en'
 })
 
 onMounted(() => {