vuex + vuexfire - объекты хранилища не обновлялись при добавлении данных

Question

в следующем коде, после того, как я обновлю коллекцию полей, он не будет обновлять "this.fields" (который привязан к этой коллекции в магазине. js по правилам vuexfire) - только когда я обновляю sh страница. пожалуйста помоги. спасибо

var newField = {
      name: this.fieldName,
      area: this.fieldArea,
      farmId: this.farmId
    }

    var docRef = fb.field.doc()
    docRef.set(newField)
    var id = docRef.id

    console.log(id)
    fb.field
      .doc(id)
      .get()
      .then(ref => {
        this.$store.commit('updateCurrentField', ref.data())
      })

Answer 1

Как и где вы получаете this.fields?

Является ли это вычисляемым свойством?

это должно быть что-то вокруг строк этого, чтобы данные обновлялись ( документация vuex )

computed: {
 fields() {
   this.$store.state.fields
 }
}