En Vue 3, intento almacenar el resultado (documentos) de una consulta de colección de Firestore en una matriz. Los documentos oficiales solo describen esto usando forEach() pero me gustaría devolver una nueva matriz usando map() ya que parece ser más rápido para colecciones grandes.

Solo registra "[objeto Objeto], [objeto Objeto]" en la consola.

Este es mi código:

 setup() { const myList = ref([]) projectFirestore.collection("testcollection").where("name", "==", "Mike") .get() .then((querySnapshot) => { myList.value = querySnapshot.docs.map(doc => { return { ...doc.data(), id: doc.id } }) console.log('This is my list: ' + myList.value) }) .catch((error) => { //error }); return { myList } }

¿Cómo puedo obtener los datos reales en la matriz myList?

¡Gracias por cualquier ayuda!