Мутация Vuex mutate не является реактивной

государство.JS:

export default () => ({
  stepBarItems: [
    {
      title: 'General Info',
      active: false,
      current: false
    },
    {
      title: 'Personal Details',
      active: false,
      current: false
    },
    {
      title: 'Travel Details',
      active: false,
      current: false
    },
    {
      title: 'Payment',
      active: false,
      current: false
    },
    {
      title: 'Upload Documents',
      active: false,
      current: false
    }
  ]
})

мутации.JS:

export default {
  setCurrentStepBarItem(state) {
    const index = state.stepLevel - 1
    state.stepBarItems[index].active = true
    state.stepBarItems[index].current = true
  }
}

форма.вю

  created() {
    this.$store.commit('visa/setCurrentStepBarItem')
  },

проблема в том, что мутация не является реактивной.

как вы видите, состояние изменилось, и я использую геттер для получения stepBarItems, но ничего не изменилось. в чем же проблема?