Reset store

How can I reset vuex store to initial state? normally without VuexModule I can reset store easily like this:

// default state
const getDefaultState = () => ({
    name: 'example',
    age: 20
})

// store
const store = new Vuex.Store({
    state: getDefaultState(),
    mutations: {
        resetState(state) {
            Object.assign(state, getDefaultState())
        }
    }
})

But I can’t figure out how could I achieve this with vuex-module-decorators

[delowardev]

Hey @delowardev did you managed to fix this?

@bangjelkoski Yes, very simple solution:

const defaultState = {
   firstName: "John",
   lastName: "Doe"
};

@Module({ name: "example", namespaced: true })
export default class ExampleModule extends VuexModule {
   firstName = defaultState.firstName;
   lastName = defaultState.lastName;

  @Mutation
  resetState() {
       this.firstName = defaultState.firstName;
       this.lastName = defaultState.lastName;
  }
}

[delowardev]

@bill-lee-aics if there are many states, a loop could be helpful. for example:

@Mutation
resetState() {
  Object.keys(defaultState).forEach(key => {
      this[key] = defaultState[key];
  })
}