Example of basic Vuex state

actions.js

export default {
    setId({ commit }, id) {
        commit(types.SET_ID, id);
    },
    setCode({ commit }, code) {
        commit(types.SET_CODE, code);
    },
    setType({ commit }, type) {
        commit(types.SET_TYPE, type);
    },
    setGroups({ commit }, groups) {
        commit(types.SET_GROUPS, groups);
    },
}

mutations.js

export default {
    [types.SET_ID](state, id) {
        state.id = id;
    },
    [types.SET_CODE](state, code) {
        state.code = code;
    },
    [types.SET_TYPE](state, type) {
        state.code = type;
    },
    [types.SET_GROUPS](state, groups) {
        state.groups = groups;
    },
}

state.js

export default () => ({
    id: null,
    code: '',
    type: '',
	groups: [],
});