Intenté crear una búsqueda de texto simple, pero no pude ejecutarla. primero obtuve todos los datos de los usuarios que brindan servicios y los almacené dentro de una matriz de búsqueda, luego traté de filtrarlos según la entrada del usuario. aquí puedes ver mi código:

 <template> <div class="text-h4 text-grey-9"> <q-input outlined filled type="text" v-model="searchResult" color="amber-10" placeholder="search for service providers" /> </div> </template> <script> import { ref } from "vue"; import { db } from "src/boot/firebase"; import { collection, query, where, getDocs } from "firebase/firestore"; export default { setup() { return { searchableDate: ref([]), searchResult: '', }; }, async created() { const q = query( collection(db, "userProfile"), where("provider", "==", true) ); const serviceProviderSnapshot = await getDocs(q); serviceProviderSnapshot.forEach(doc => { let docData = doc.data(); this.searchableDate.unshift(docData); }); console.log(typeof(this.searchableDate)) }, computed:{ searchServiceProvider(){ let searchResult = [] if(this.searchResult !== 0){ searchResult = this.searchableDate.filter(p => p.fullName.toLowerCase().includes(this.searchResult.toLowerCase()) || p.skillCatgs.toLowerCase().includes(this.searchResult.toLowerCase())) } else { searchResult = this.searchableDate } } } }; </script>

aquí está el formato de datos de búsqueda: {0: {…}, 1: {…}, 2: {…}, 3: {…}}