Mutations doesn't show up in Vue devtools

[evry-johan]

Hi, first of all, thanks for a great package, just what I was looking for.

I'm just curious why the mutations doesn't show up in Vue devtools? The state seems to be updated correctly

[maoberlehner]

Maybe you're mutating your state directly?

Usually vuex-map-fields mutations do show up in devtools.

[evry-johan]

@maoberlehner Currently, this is what I'm doing:

component:

import { createHelpers } from 'vuex-map-fields'
const { mapFields } = createHelpers({
  getterType: 'order/getField',
  mutationType: 'order/updateField'
})

export default {
  computed: {
    ...mapFields(['list'])
  }
}

the order store module:

import { getField, updateField } from 'vuex-map-fields'

const state = {
  list: []
}

const mutations = {
  updateField
}

const actions = {

}

const getters = {
  getField
}

export default {
  namespaced: true,
  state,
  mutations,
  actions,
  getters
}

Shouldn't I be able to manipilate the mapped field list from my component? I pushed an item to it in the mounted callback just to test.

The bindings seems to work as expected for primitive store values like a string.

[evry-johan]

@maoberlehner I guess this is related to #65 and #74. Is the current solution to add custom splice and push mutations for such actions?

[geoidesic]

@evry-johan can you create a codesandbox instance to highlight the issue? It's not really clear what you're struggling with. First you mentioned mutations not showing up in vue dev tools then you mentioned being able to manipulate, which sounds like a different issue?

You haven't shown your template code but my guess is that you are trying to manipulate the contents of an array that is mapped via mapFields, which won't work. You need to use mapMultiRowFields.

See https://github.com/maoberlehner/vuex-map-fields#multi-row-fields.