example.js

export const mutations = {
  /**
   * Sets the snackbar values in state
   * @param {object} state   The state of the Vuex store
   * @param {object} payload Settings for snackbar, including message and color
   */
  setSnack: function (state, payload) {
    const allowedColors = [
      'error',
      'success',
      'info',
      'warning'
    ];
    let color = 'info';
    if (allowedColors.includes(payload.color)) {
      color = payload.color;
    }

    let message = '';
    if (typeof(payload.message) === 'string') {
      message = payload.message;
    }

    state.snackColor = color;
    state.message = message;
  }
};