From 30a0e51d3bb7dac314cf0ecb690bbc22eaf5320e Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 30 Sep 2024 22:39:48 +0530
Subject: [PATCH] fix: expose textarea element ref

---
 src/components/Textarea.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Textarea.vue b/src/components/Textarea.vue
index 3d42178..4bbd480 100644
--- a/src/components/Textarea.vue
+++ b/src/components/Textarea.vue
@@ -4,6 +4,7 @@
       {{ label }}
     </label>
     <textarea
+      ref="textareaRef"
       :placeholder="placeholder"
       :class="inputClasses"
       :disabled="disabled"
@@ -18,8 +19,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, useAttrs } from 'vue'
-import type { TextInputTypes } from './types/TextInput'
+import { computed, useAttrs, ref } from 'vue'
 import debounce from '../utils/debounce'
 
 interface TextareaProps {
@@ -43,6 +43,7 @@ const props = withDefaults(defineProps<TextareaProps>(), {
 
 const emit = defineEmits(['update:modelValue'])
 const attrs = useAttrs()
+const textareaRef = ref<HTMLTextAreaElement | null>(null)
 
 const inputClasses = computed(() => {
   let sizeClasses = {
@@ -102,4 +103,6 @@ if (props.debounce) {
 let handleChange = (e: Event) => {
   emitChange((e.target as HTMLInputElement).value)
 }
+
+defineExpose({ el: textareaRef })
 </script>