Lesson 119

[Xfiles81]

onShapshot does not fire and i do not receive the date realated to message, name and createdAt fiellds in the ChatWindow

[Sir1usBl4ck]

same

[Light006]

Here is a fix in case anyone else needed it:

import { ref } from 'vue'
import { projectFirestore } from '../firebase/config'
import { collection, query, orderBy, onSnapshot } from "firebase/firestore";

const getCollection = (firebaseCollection) => {
const documents = ref(null)
const error = ref(null)

const docRef = collection(projectFirestore, firebaseCollection)

const q = query(docRef, orderBy('createdAt'))

onSnapshot(q, (snap) => {
    let results = []
    snap.docs.forEach(doc => {
        doc.data().createdAt && results.push({ ...doc.data(), id: doc.id })
    })
    documents.value = results
    error.value = null
}, (err) => {
    console.log(err.message)
    documents.value = null
    error.value = 'could not fetch data'
})

return { documents, error }

}

export default getCollection