fix(core): update terminal size on panel resizing

webfansplz · webfansplz · commit 2f1ffe67f82c · 2025-12-30T12:34:26.000+08:00
diff --git a/packages/core/src/client/webcomponents/components/ViewBuiltinTerminalPanel.vue b/packages/core/src/client/webcomponents/components/ViewBuiltinTerminalPanel.vue
@@ -5,7 +5,7 @@ import type { TerminalState } from '../state/terminals'
 import { useEventListener } from '@vueuse/core'
 import { FitAddon } from '@xterm/addon-fit'
 import { Terminal } from '@xterm/xterm'
-import { markRaw, nextTick, onMounted, onUnmounted, ref } from 'vue'
+import { markRaw, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 
 const props = defineProps<{
   context: DocksContext
@@ -26,6 +26,15 @@ onMounted(async () => {
   term.open(container.value!)
   fitAddon.fit()
 
+  watch([
+    () => props.context.panel.store.width,
+    () => props.context.panel.store.height,
+  ], () => {
+    nextTick(() => {
+      fitAddon.fit()
+    })
+  })
+
   useEventListener(window, 'resize', () => {
     fitAddon.fit()
   })
