I'm currently facing an issue with vuefire where it's not populating the component data as expected. Below is the code snippet I am using:
<script>
import { db } from "../../firebase/firestore";
export default {
data() {
return {
newComment: {
content: ""
},
comments: []
};
},
firestore: {
comments: db.collection("tester")
},
</script>
Despite confirming that the firestore database is being accessed (as indicated by increasing usage stats upon page refresh), the comments data array remains empty.
Any suggestions on how to resolve this issue?