From 39a01d351b08ad3eaefdfcfc87737d470e3f24fa Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Fri, 5 Dec 2025 12:10:16 -0600
Subject: [PATCH] =?UTF-8?q?Corregir=20componentes=20de=20contactos=20y=20f?=
 =?UTF-8?q?iltrar=20solo=20con=20tel=C3=A9fono?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Renombrar componentes: ContactsFilters→Filters, ContactItem→Item, ContactsList→List
- Actualizar referencias en List.vue y app.vue
- Filtrar solo contactos con teléfono registrado
- Los filtros ahora deberían mostrarse correctamente
---
 nuxt4/app/app.vue                                             | 2 +-
 .../components/contacts/{ContactsFilters.vue => Filters.vue}  | 0
 nuxt4/app/components/contacts/{ContactItem.vue => Item.vue}   | 0
 nuxt4/app/components/contacts/{ContactsList.vue => List.vue}  | 4 ++--
 nuxt4/app/composables/useContacts.ts                          | 4 +++-
 5 files changed, 6 insertions(+), 4 deletions(-)
 rename nuxt4/app/components/contacts/{ContactsFilters.vue => Filters.vue} (100%)
 rename nuxt4/app/components/contacts/{ContactItem.vue => Item.vue} (100%)
 rename nuxt4/app/components/contacts/{ContactsList.vue => List.vue} (98%)

diff --git a/nuxt4/app/app.vue b/nuxt4/app/app.vue
index 30d2634..649af15 100644
--- a/nuxt4/app/app.vue
+++ b/nuxt4/app/app.vue
@@ -70,7 +70,7 @@
 
 <script setup lang="ts">
 import type { TabsItem } from '@nuxt/ui'
-import ContactsList from '~/components/contacts/ContactsList.vue'
+import ContactsList from '~/components/contacts/List.vue'
 
 const { isAuthenticated } = useAuthentik()
 const { isNight } = useTheme()
diff --git a/nuxt4/app/components/contacts/ContactsFilters.vue b/nuxt4/app/components/contacts/Filters.vue
similarity index 100%
rename from nuxt4/app/components/contacts/ContactsFilters.vue
rename to nuxt4/app/components/contacts/Filters.vue
diff --git a/nuxt4/app/components/contacts/ContactItem.vue b/nuxt4/app/components/contacts/Item.vue
similarity index 100%
rename from nuxt4/app/components/contacts/ContactItem.vue
rename to nuxt4/app/components/contacts/Item.vue
diff --git a/nuxt4/app/components/contacts/ContactsList.vue b/nuxt4/app/components/contacts/List.vue
similarity index 98%
rename from nuxt4/app/components/contacts/ContactsList.vue
rename to nuxt4/app/components/contacts/List.vue
index 1cb3454..94e50ab 100644
--- a/nuxt4/app/components/contacts/ContactsList.vue
+++ b/nuxt4/app/components/contacts/List.vue
@@ -13,7 +13,7 @@
       </div>
 
       <!-- Filtros -->
-      <ContactsContactsFilters
+      <ContactsFilters
         v-model="filters"
         @clear="clearFilters"
       />
@@ -47,7 +47,7 @@
 
     <!-- Lista de contactos -->
     <div v-else class="contacts-list">
-      <ContactsContactItem
+      <ContactsItem
         v-for="contact in filteredContacts"
         :key="contact.id"
         :contact="contact"
diff --git a/nuxt4/app/composables/useContacts.ts b/nuxt4/app/composables/useContacts.ts
index ce4350e..09708c2 100644
--- a/nuxt4/app/composables/useContacts.ts
+++ b/nuxt4/app/composables/useContacts.ts
@@ -113,9 +113,11 @@ export const useContacts = () => {
 
   /**
    * Contactos filtrados (búsqueda fuzzy en cliente)
+   * Solo muestra contactos con teléfono registrado
    */
   const filteredContacts = computed(() => {
-    let result = contacts.value
+    // Primero filtrar solo contactos con teléfono
+    let result = contacts.value.filter(c => c.telefono && c.telefono.trim() !== '')
 
     // Filtro por teléfono (parcial)
     if (filters.value.telefono) {