From 54ed14cb1af18ed45d5cb567db37782392960151 Mon Sep 17 00:00:00 2001
From: kjqwer <2990346238@qq.com>
Date: Tue, 11 Nov 2025 08:47:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=88=87=E6=8D=A2=E6=B6=88?=
 =?UTF-8?q?=E5=A4=B1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                        | 2 +-
 src/App.vue                      | 4 ++++
 src/components/PromptEditor.vue  | 7 +++----
 src/components/PromptManager.vue | 6 +-----
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 6e09bde..d5f24ca 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@
   - 左侧输入框支持逗号分隔的提示词，Tab 或点击建议快速补全。
   - 一键替换中文逗号、格式化为标准提示词格式。
   - 拖拽调整提示词顺序、双击编辑、删除、在后追加新词。
-  - 右侧显示多语言映射，未映射项高亮，并可直接添加翻译。
+  - 右侧显示映射，未映射项高亮，并可直接添加翻译。
   - 精简/详细两种视图切换，便于快速浏览或逐项编辑。
 
 - 预设管理：
diff --git a/src/App.vue b/src/App.vue
index d832483..17c569a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,15 +2,19 @@
 import { ref, onMounted } from 'vue'
 import PromptEditor from './components/PromptEditor.vue'
 import PromptManager from './components/PromptManager.vue'
+import { usePromptStore } from './stores/promptStore'
 
 const currentView = ref<'editor' | 'manager'>('editor')
 const isDark = ref(false)
+const store = usePromptStore()
 
 onMounted(() => {
   // 检测系统主题偏好
   const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
   isDark.value = localStorage.getItem('theme') === 'dark' || (localStorage.getItem('theme') === null && prefersDark)
   updateTheme()
+  // 初始化词库与编辑器状态（仅一次）
+  store.initialize()
 })
 
 function toggleTheme() {
diff --git a/src/components/PromptEditor.vue b/src/components/PromptEditor.vue
index 4e96d0f..dc6d3ad 100644
--- a/src/components/PromptEditor.vue
+++ b/src/components/PromptEditor.vue
@@ -41,7 +41,6 @@ function handleClickOutside(event: Event) {
 }
 
 onMounted(() => {
-  store.initialize();
   document.addEventListener('click', handleClickOutside);
 });
 
@@ -75,7 +74,7 @@ watch(text, (val) => {
 // 当 store.promptText 发生变化（例如点击右侧预设加载）时，主动同步到左侧输入
 watch(() => store.promptText, (v) => {
   if (text.value !== v) text.value = v;
-});
+}, { immediate: true });
 
 function updateSuggestions() {
   const text = store.promptText;
@@ -405,7 +404,7 @@ function displayTrans(key: string): string {
 
     <main class="pe-main">
       <section class="pe-left-pane">
-        <div class="pe-section-title">左侧输入（逗号分隔）</div>
+        <div class="pe-section-title">提示词输入（逗号分隔）</div>
         <textarea ref="inputEl" class="pe-input" v-model="text" @keydown="onKeyDown" placeholder="例如：1girl, aaa, bbb, ccc"></textarea>
         <div class="pe-input-actions">
           <button @click="replaceCnComma" title="将中文逗号替换为英文逗号">
@@ -440,7 +439,7 @@ function displayTrans(key: string): string {
       </section>
       <section class="pe-right-pane">
         <div class="pe-section-title mode">
-          <span>右侧映射</span>
+          <span>提示词映射</span>
           <div class="pe-mode-switch">
             <button :class="{ active: viewMode==='compact' }" @click="viewMode='compact'">精简视图</button>
             <button :class="{ active: viewMode==='detail' }" @click="viewMode='detail'">详细视图</button>
diff --git a/src/components/PromptManager.vue b/src/components/PromptManager.vue
index e134a51..2dd1a05 100644
--- a/src/components/PromptManager.vue
+++ b/src/components/PromptManager.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, computed } from 'vue';
+import { ref, computed } from 'vue';
 import { usePromptStore } from '../stores/promptStore';
 import type { LangCode, PromptGroup, PromptTag } from '../types';
 
@@ -7,10 +7,6 @@ const store = usePromptStore();
 const draggingIndex = ref<number | null>(null);
 const overIndex = ref<number | null>(null);
 
-onMounted(() => {
-  store.initialize();
-});
-
 const languages = computed(() => store.languages);
 const selectedLang = computed({
   get: () => store.selectedLang,