From 0e2b707f3b05d6ecf61e35f827abc72bacd81c17 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Thu, 4 Dec 2025 09:50:34 -0600
Subject: [PATCH] Fix: Actualizar UDropdown a UDropdownMenu para Nuxt UI 4
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Cambiar UDropdown a UDropdownMenu
- Cambiar :popper a :content con side/align
- Cambiar click a onSelect en items del menú
---
 app/components/messages/MessageInput.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/messages/MessageInput.vue b/app/components/messages/MessageInput.vue
index df15694..6570461 100644
--- a/app/components/messages/MessageInput.vue
+++ b/app/components/messages/MessageInput.vue
@@ -66,13 +66,13 @@
       @drop.prevent="handleDrop"
     >
       <!-- Attachment button -->
-      <UDropdown :items="attachmentMenuItems" :popper="{ placement: 'top-start' }">
+      <UDropdownMenu :items="attachmentMenuItems" :content="{ side: 'top', align: 'start' }">
         <UButton
           variant="ghost"
           icon="i-lucide-paperclip"
           class="text-[var(--wa-text-muted)]"
         />
-      </UDropdown>
+      </UDropdownMenu>
 
       <!-- Hidden file inputs -->
       <input
@@ -206,22 +206,22 @@ const attachmentMenuItems = [
   [{
     label: 'Imagen',
     icon: 'i-lucide-image',
-    click: () => imageInput.value?.click()
+    onSelect: () => imageInput.value?.click()
   }],
   [{
     label: 'Video',
     icon: 'i-lucide-video',
-    click: () => videoInput.value?.click()
+    onSelect: () => videoInput.value?.click()
   }],
   [{
     label: 'Audio',
     icon: 'i-lucide-music',
-    click: () => audioInput.value?.click()
+    onSelect: () => audioInput.value?.click()
   }],
   [{
     label: 'Documento',
     icon: 'i-lucide-file',
-    click: () => documentInput.value?.click()
+    onSelect: () => documentInput.value?.click()
   }]
 ]