Cannot read property '$fire' of undefined

[jareko999]

This isn't necessarily a bug, but I wanted to know, why am I getting Cannot read property '$fire' of undefined when called in my mutations.js file?

Is this because $fire is only accessible within .vue files? I can run this.$fire.firestore just fine in my pages, but not in my store files. Here is what I'm trying to do:

mutations.js

SET_FIRE_USER: (state, { authUser }) => {
     this.$fire.firestore.collection('users').get().then(snapshot => {
       var users = []
       snapshot.forEach(doc => {
         var docData = doc.data()
         users.push(docData)
       })
       state.users = users;
     })
 }

And I end up getting Cannot read property '$fire' of undefined. Do I need to import firebase in this case? How can I access $fire in my store files?

[alexblunck]

This should work if you don't use arrow functions. That way this is bound to the nuxt context:

SET_FIRE_USER(state, { authUser }) {
  this.$fire...
})

[jareko999]

This works, thanks!