Edit all nested props of a Vuex state with a single mutation

vuex-global-mutation.js

// Usage:
// commit ('SET', { prop: `path.to['my'].prop[1]`, value: 42 });
// or commit ('SET', [`path.to['my'].prop[1]`, 42]);

export default {
  SET_PROP(state, payload) {
    let prop, value;

    if (Array.isArray(payload)) {
      [prop, value] = payload;
    } else {
      ({ prop, value } = payload);
    }

    const path = prop.replace(/\['?(\w+)\'?]/g, '.$1').split('.');
    let current = state;

    while (path.length > 1) {
      current = current[path.shift()];
    }
    current[path[0]] = value;
  },
};