fix: modelValue と maxHeight の変更時に autosize.update を呼び出すように修正

traPtitech · Feb 2, 2025 · 71532ed · 71532ed
1 parent 9efd8cb
commit 71532ed
Showing 1 changed file with 4 additions and 11 deletions.
diff --git a/src/components/UI/TextareaAutosize.vue b/src/components/UI/TextareaAutosize.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script lang="ts" setup>
-import autosize from 'autosize'
-import { nextTick, onBeforeUnmount, onMounted, ref, toRef, watch } from 'vue'
-import useTextModelSyncer from '/@/composables/useTextModelSyncer'
+import autosize from 'autosize';
+import { nextTick, onBeforeUnmount, onMounted, ref, toRef, watch } from 'vue';
+import useTextModelSyncer from '/@/composables/useTextModelSyncer';
 
 const props = defineProps<{
   modelValue: string
@@ -54,7 +54,7 @@ onMounted(() => {
     autosize(textareaEle.value)
   }
 })
-watch(toRef(props, 'modelValue'), async () => {
+watch([toRef(props, 'modelValue'), toRef(props, 'maxHeight')], async () => {
   await nextTick()
   if (textareaEle.value) {
     autosize.update(textareaEle.value)
@@ -69,13 +69,6 @@ onBeforeUnmount(() => {
 defineExpose({
   focus
 })
-
-watch(toRef(props, 'maxHeight'), async () => {
-  await nextTick()
-  if (textareaEle.value) {
-    autosize.update(textareaEle.value)
-  }
-})
 </script>
 
 <style lang="scss" module>