From 3462827ad917639d30ecb0146cde2e0e5a35d82d Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 2 Dec 2025 19:54:09 -0600
Subject: [PATCH] Fix: usar nombres correctos de componentes Nuxt 3

En Nuxt 3, los componentes en subdirectorios usan prefijos:
- ChatItem -> MessagesChatItem
- MessageBubble -> MessagesMessageBubble
- MessageInput -> MessagesMessageInput
---
 app/pages/messages/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/pages/messages/index.vue b/app/pages/messages/index.vue
index 8a277ed..8f229c4 100644
--- a/app/pages/messages/index.vue
+++ b/app/pages/messages/index.vue
@@ -37,7 +37,7 @@
           </div>
 
           <div v-else>
-            <ChatItem
+            <MessagesChatItem
               v-for="chat in filteredChats"
               :key="chat.id"
               :chat="chat"
@@ -69,7 +69,7 @@
 
           <!-- Messages -->
           <div class="flex-1 overflow-y-auto p-4 space-y-2">
-            <MessageBubble
+            <MessagesMessageBubble
               v-for="message in messages"
               :key="message.id"
               :message="message"
@@ -78,7 +78,7 @@
 
           <!-- Input -->
           <div class="p-4 border-t border-[var(--wa-border)]">
-            <MessageInput @send="handleSendMessage" />
+            <MessagesMessageInput @send="handleSendMessage" />
           </div>
         </template>
       </div>