mutation not commited vuex

Question

I'm trying to commit a simple mutation using nuxtServerInit and I can't seem to do it.

My code is as follows:

// initial state
export const state = () => ({
  number: 0
});

// getters
export const getters = {};

// mutations
export const mutations = {
  addNumber(state) {
    console.log("addNumber mutation");
    state.number++;
  }
};

// actions
export const actions = {
  async nuxtServerInit(context) {
    console.log("nuxtServerInit");
    await context.commit("addNumber");
  },
  addNumber(context) {
    console.log("addNumber action");
    context.commit("addNumber");
  }
};

export default { actions };

The console.log("nuxtServerInit"); is called, but the mutation isn't.

Also I'm getting this error : [vuex] unknown mutation type: addNumber

Answer 1

You are not exporting anything other than actions. You need to export all four items. Change your last line to

export default {
    state,
    getters,
    actions,
    mutations
}

This will export mutations, getters, and state along with your actions and your problem will be solved.