koel/resources/assets/js/components/ui/form/TextArea.vue
2024-07-06 17:44:57 +02:00

25 lines
569 B
Vue

<template>
<textarea
ref="el"
v-model="value"
class="px-4 w-full min-h-48 text-base py-2.5 rounded text-k-text-input bg-k-bg-input"
/>
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
const props = withDefaults(defineProps<{ modelValue?: any }>(), { modelValue: null })
const emit = defineEmits<{ (e: 'update:modelValue', value: any): void }>()
const value = computed({
get: () => props.modelValue,
set: value => emit('update:modelValue', value)
})
const el = ref<HTMLTextAreaElement>()
defineExpose({
el
})
</script>