Initial commit

frontend/src/components/ui/textarea.vue

@@ -0,0 +1,35 @@
+<template>
+  <textarea
+    :class="textareaClass"
+    :value="modelValue"
+    v-bind="$attrs"
+    @input="handleInput"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { cn } from '@/lib/utils'
+
+interface Props {
+  modelValue?: string
+  class?: string
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits<{
+  'update:modelValue': [value: string]
+}>()
+
+const textareaClass = computed(() =>
+  cn(
+    'flex min-h-[80px] w-full rounded-2xl border border-border/60 bg-card/80 px-4 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:border-primary/60 text-foreground backdrop-blur transition-all resize-none',
+    props.class
+  )
+)
+
+function handleInput(event: Event) {
+  const target = event.target as HTMLTextAreaElement
+  emit('update:modelValue', target.value)
+}
+</script>