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()