From 42493d20f32699e7761a4a77b2681fd0448c12a9 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Fri, 18 Apr 2025 09:21:43 +0800
Subject: [PATCH] Update Terminal.vue

---
 packages/frontend/src/components/Terminal.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/Terminal.vue b/packages/frontend/src/components/Terminal.vue
index ba4dbfb..1e4af59 100644
--- a/packages/frontend/src/components/Terminal.vue
+++ b/packages/frontend/src/components/Terminal.vue
@@ -70,6 +70,17 @@ const fitAndEmitResizeNow = (term: Terminal) => {
     }
 };
 
+// 创建防抖版的字体大小保存函数
+const debouncedSetTerminalFontSize = debounce(async (size: number) => {
+    try {
+        await appearanceStore.setTerminalFontSize(size);
+        console.log(`[Terminal ${props.sessionId}] Debounced font size saved: ${size}`);
+    } catch (error) {
+        console.error(`[Terminal ${props.sessionId}] Debounced font size save failed:`, error);
+        // Optionally show an error to the user
+    }
+}, 500); // 500ms 防抖延迟，可以调整
+
 // 初始化终端
 onMounted(() => {
   if (terminalRef.value) {
@@ -262,10 +273,14 @@ onMounted(() => {
               // 向下滚动，减小字体
               newSize = Math.max((terminal.options.fontSize ?? currentTerminalFontSize.value) - 1, 8); // 使用当前实例值或 store 值作为基础
             }
+            // 立即更新视觉效果
             terminal.options.fontSize = newSize;
-            // 调整终端大小以适应新的字体大小
             fitAddon?.fit();
-            emit('resize', { cols: terminal.cols, rows: terminal.rows });
+            // 注意：fit() 内部可能不会触发 resize 事件，如果需要精确通知后端，可能需要额外处理，但 fitAndEmitResizeNow 应该足够
+            // emit('resize', { cols: terminal.cols, rows: terminal.rows }); // 避免重复发送 resize
+
+            // 调用防抖函数来保存设置
+            debouncedSetTerminalFontSize(newSize);
           }
         }
       });