vuex state reset

vuex-state-reset.js

export const RESET_STATES = 'resetStates'

function resetState (state, moduleState) {
  const mState = state[moduleState]

  if (mState.initState && typeof mState.initState === 'function') {
    const initState = mState.initState()

    for (const key in initState) {
      mState[key] = initState[key]
    }
  }
}

export const state = () => { /* ... */ }

export const mutations = {
  [RESET_STATES]: (state, payload) => {
    console.time('reset_states_time')

    for (const moduleState in state) {
      resetState(state, moduleState)
    }

    console.timeEnd('reset_states_time')
  }
}

export const actions = {
  async resetStates (context, payLoad) {
    await context.commit(RESET_STATES, payLoad)
  }
}


/*
  @usage: whatever.vue

  import { mapState, mapActions } from 'vuex'

  <script>
    methods: {
      ...mapActions({
        resetStates: "resetStates"
      })
    },
    watch: {
      '$route' (to, from) {
        this.resetStates()
      }
    }
  </script>

*/