<template>
  <div class="chat-editor">
    <PrimeTextarea v-model="msg" />
    <PrimeButton :disabled="!msg" @click="handleSend()">
      Send
    </PrimeButton>
  </div>
</template>

<script lang="ts" setup>
interface Emits {
  (e: 'send', msg: string): void
}

const emit = defineEmits<Emits>()

const msg = ref<string | undefined>()

function handleSend() {
  emit('send', msg.value!)

  msg.value = ''
}
</script>

<style lang="scss">

</style>
