store.js

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    number: 0,
    status: ""
  },
  actions: {
    SET_NUMBER({ commit }, payload) {
      commit("SET_NUMBER", payload);
    },
    SET_STATUS({ commit }, payload) {
      commit("SET_STATUS", payload);
    },
    RESET_NUMBER({ commit }) {
      commit("RESET_NUMBER");
    },
    INCREMENT_NUMBER({ commit }) {
      commit("INCREMENT_NUMBER");
    },
    DOUBLE_NUMBER({ commit }) {
      commit("DOUBLE_NUMBER");
    }
  },
  mutations: {
    SET_NUMBER(state, payload) {
      state.number = payload;
    },
    SET_STATUS(state, payload) {
      state.status = payload;
    },
    RESET_NUMBER(state) {
      state.number = 0;
    },
    INCREMENT_NUMBER(state) {
      state.number++;
      state.status = "Incremented";
    },
    DOUBLE_NUMBER(state) {
      state.number *= 2;
      state.status = "Doubled";
    }
  },
  getters: {
    number(state) {
      return state.number;
    },
    status(state) {
      return state.status;
    }
  }
});