Files
whatsappNucleo/app/components/messages/MessageInput.vue
josedario87 faedec47d7
Some checks failed
Build and Deploy / build-and-deploy (push) Failing after 6m46s
feat: WhatsApp Nucleo con Nuxt 4 + Baileys v7
Reemplazo completo de Evolution API por implementación directa con Baileys.

Características:
- Dashboard completo con Nuxt UI v4
- Soporte para múltiples instancias de WhatsApp
- Conexión via QR code o pairing code
- Persistencia de mensajes en PostgreSQL
- API REST para integraciones externas
- Webhooks con firma HMAC
- SSE para actualizaciones en tiempo real
- Autenticación con Authentik
2025-12-02 17:54:31 -06:00

46 lines
928 B
Vue

<template>
<div class="flex items-end gap-2">
<!-- Attachment button -->
<UButton
variant="ghost"
icon="i-lucide-paperclip"
class="text-[var(--wa-text-muted)]"
/>
<!-- Text input -->
<div class="flex-1">
<UTextarea
v-model="message"
placeholder="Escribe un mensaje..."
:rows="1"
autoresize
:maxrows="5"
class="bg-[var(--wa-bg-light)]"
@keydown.enter.exact.prevent="handleSend"
/>
</div>
<!-- Send button -->
<UButton
:icon="message.trim() ? 'i-lucide-send' : 'i-lucide-mic'"
:disabled="!message.trim()"
@click="handleSend"
/>
</div>
</template>
<script setup lang="ts">
const emit = defineEmits<{
send: [content: string]
}>()
const message = ref('')
const handleSend = () => {
if (!message.value.trim()) return
emit('send', message.value)
message.value = ''
}
</script>