nucleo000/whatsappNucleo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Corregir UModal en MessageContact usando v-model:open
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
Details

Browse Source 
El modal de contacto usaba v-model en lugar de v-model:open según
la documentación de Nuxt UI 4. También se actualizó la estructura
para usar los slots correctos del UModal (#header, #body, #footer).
This commit is contained in:
josedario87
2025-12-04 09:45:25 -06:00
parent ec40cd6826
commit 9cf4faedec
3 changed files with 1539 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/components/messages/content/MessageContact.vue
View File

@@ -60,20 +60,20 @@
</div>
<!-- Contact details modal -->
<UModal v-model="showDetails">
<UCard>
<template #header>
<div class="flex items-center gap-3">
<div class="w-12 h-12 rounded-full bg-[var(--wa-green-light)] flex items-center justify-center">
<UIcon name="i-lucide-user" class="w-6 h-6 text-white" />
</div>
<div>
<h3 class="font-semibold text-lg">{{ contact.displayName }}</h3>
<p class="text-sm text-[var(--wa-text-muted)]">Contacto compartido</p>
</div>
<UModal v-model:open="showDetails" :title="contact.displayName" description="Contacto compartido">
<template #header>
<div class="flex items-center gap-3">
<div class="w-12 h-12 rounded-full bg-[var(--wa-green-light)] flex items-center justify-center">
<UIcon name="i-lucide-user" class="w-6 h-6 text-white" />
</div>
</template>
<div>
<h3 class="font-semibold text-lg">{{ contact.displayName }}</h3>
<p class="text-sm text-[var(--wa-text-muted)]">Contacto compartido</p>
</div>
</div>
</template>
<template #body>
<div class="space-y-3">
<div v-for="(phone, i) in contact.phones" :key="i" class="flex items-center gap-3">
<UIcon name="i-lucide-phone" class="w-5 h-5 text-[var(--wa-text-muted)]" />
@@ -89,19 +89,17 @@
No hay números de teléfono disponibles
</div>
</div>
</template>
<template #footer>
<div class="flex justify-end gap-2">
<UButton variant="ghost" @click="showDetails = false">
Cerrar
</UButton>
<UButton v-if="primaryPhone" @click="copyPhone">
<UIcon name="i-lucide-copy" class="w-4 h-4 mr-1" />
Copiar número
</UButton>
</div>
</template>
</UCard>
<template #footer>
<UButton variant="ghost" @click="showDetails = false">
Cerrar
</UButton>
<UButton v-if="primaryPhone" @click="copyPhone">
<UIcon name="i-lucide-copy" class="w-4 h-4 mr-1" />
Copiar número
</UButton>
</template>
</UModal>
</template>