Creé una especie de aplicación de lista de tareas pendientes que está conectada a una base de datos en firestore.

Tengo un formulario que agrega un nuevo documento a la lista, tanto front-end como db y funciona,

Tengo un método que escucha los cambios en la base de datos y actualiza el documento en el navegador y funciona.

Entonces veo que logro referirme a la colección en la base de datos y guardarla en variables, pero solo es reactivo para eliminar documentos si lo hago manualmente desde el sitio web de firebase.

Aquí está el método que estoy tratando de usar.

 removeObject(id){ const db = getFirestore(app); console.log("test") deleteDoc(doc(db, "Listify", doc(id)); }

Y así es como lo llamo en HTML

 <v-card flat v-for="project in projects" :key="project.id"> <v-layout row justify-end wrap :class="`pa-3 project ${project.status}`"> ... ... <v-flex xs6 sm4 md2 class="text-center-xs"> <div class="right text-center"> <v-chip small :class="`${project.status} white--text caption my-2`"> {{project.status}}</v-chip> <v-btn flat fab small dark class="red" @click="removeObject(project.id)"> <v-icon small class="pa-0">delete</v-icon> </v-btn> </div> </v-flex> </v-layout> <v-divider></v-divider> </v-card>

Traté de referirme a la identificación del documento en el método de muchas maneras, pero solo funciona cuando codifico la identificación para ese documento, e incluso en ese caso elimina el último elemento de la matriz "proyectos" que definí en el sección de datos de la aplicación, y luego, cuando actualizo la página, ese último elemento vuelve y el que tiene la identificación que codifiqué se elimina.

Intenté llamar a "removeObject(id)" como asíncrono y usé esperar en "deleteDoc(.....)" pero aún no funciona,

Pensé en hacer un bucle en la colección, pero no sabía la forma correcta de hacerlo, y finalmente en el repositorio oficial de firebase en githhub solo encontré esta sintaxis "await deleteDoc(doc(db, "cities", "DC"));"

Lo que no me ayudó, ya que solo funciona con identificadores específicos o nombres de documentos;

¿Cómo podría eliminar, haciendo clic en el botón que llama al método de eliminación, eliminar ese elemento específico al que apunté tanto en el lado del cliente como en el de la base de datos?