From f0bfe20572b028747ed04f3b185880e4204ea072 Mon Sep 17 00:00:00 2001
From: Sylvain Marroufin <marroufin.sylvain@gmail.com>
Date: Thu, 28 Apr 2022 11:39:03 +0200
Subject: [PATCH] fix(textarea): autoresize reactivity (#52)

---
 src/runtime/components/forms/Textarea.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/forms/Textarea.vue b/src/runtime/components/forms/Textarea.vue
index 4cbd04b8..5b053b56 100644
--- a/src/runtime/components/forms/Textarea.vue
+++ b/src/runtime/components/forms/Textarea.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, watch, onMounted, nextTick } from 'vue'
 import { classNames } from '../../utils'
 import $ui from '#build/ui'
 
@@ -104,6 +104,10 @@ export default {
 
     const autoResize = () => {
       if (props.autoresize) {
+        if (!textarea.value) {
+          return
+        }
+
         textarea.value.rows = props.rows
 
         const styles = window.getComputedStyle(textarea.value)
@@ -126,6 +130,10 @@ export default {
       emit('update:modelValue', value)
     }
 
+    watch(() => props.modelValue, () => {
+      nextTick(autoResize)
+    })
+
     onMounted(() => {
       setTimeout(() => {
         autoFocus()