I am configuring my Vue/Firebase chat app to save the email address of a registered user in a Firestore collection when the registered user is logged in and submits a message. The Firestore Database looks like the following, with the users added to the "user" collection, and with each user containing a "message" collection:
In my code, I am attempting to add a function that returns the email addresses listed in the "users" collection, as seen in the screenshot:
const contactList = ref([])
const getContacts = () => {
firebase.firestore().collection("users").onSnapshot(snap => {
contactList.value = []
snap.forEach(doc => {
const users = doc.data();
users.id = doc.id;
contactList.value.push(users)
console.log(users)
})
})
},
However, this function does not simply return those email addresses in the user collection, since .collection('users')
is the first collection in a chain of docs and collections as indicated in the screenshot. How can I go about returning the list of users in the "users" collection when .collection('users')
is the first in a chain of docs and collections?