Corregir componentes de contactos y filtrar solo con teléfono
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m0s

- 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
This commit is contained in:
2025-12-05 12:10:16 -06:00
parent a017423282
commit 39a01d351b
5 changed files with 6 additions and 4 deletions

View File

@@ -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()

View File

@@ -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"

View File

@@ -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) {