Estoy tratando de hacer referencia a un ID de documento de Firestore generado automáticamente para poder crear una subcolección en él.

El problema es que, si bien puedo encontrar esa ID de documento, parece que no puedo guardarla en una variable donde se pueda usar.

Aquí obtengo un documento específico para el usuario actual. de los cuales userDocs tiene esa identificación de documentos. ( getCollection es un componible al que estoy llamando)

 const { documents: userDocs } = getCollection("userData", [ "userId", "==", user.value.uid, ]);

Cada vez que hago console.log(userDocs) , obtengo este objeto que tiene toda la información del documento, incluida la id del documento.

captura de pantalla

Sin embargo, cuando trato de profundizar en el objeto para obtener la ID como con userDocs.value o userDocs.id , etc., simplemente devuelve undefined .

Si ejecuto un v-for en el html como este:

 <div v-for="docs in userDocs" :key="docs.id"> <h1>{{ docs.id }}</h1> </div>

Escupe la id del documento en una página web sin problemas.

Estoy tratando de inyectar esa ID de documento aquí para poder agregar una subcolección en firebase a este documento de usuarios específicos.

 const addNew = async (plant) => { const userPlant = { plant: plant, planted: tempPlanted, }; const res = await projectFirestore .collection("userData") .doc(userDocs) <--------HERE .collection("plants") .add(userPlant); };

Cualquier ayuda sería apreciada.