Entendo que as ações da vuex retornam promessas, mas não encontrei opadrão ideal para lidar com erros no vuex. Minha abordagem atual é usar um interceptador de erros no meu plugin axios e depois cometer o erro na minha loja vuex.

no plugins / axios.js:

export default function({ $axios, store }) {
    $axios.onError(error => {
        store.dispatch('setError', error.response.data.code);
    });
}

no store / index.js:

export const state = () => ({
    error: null,
});

export const mutations = {
    SET_ERROR(state, payload) {
        state.error = payload;
    },
}

export const actions = {
    setError({ commit }, payload) {
        commit('SET_ERROR', payload);
    },
};

Eu usaria umcomponente de erro assistindo o estado do erro e mostre se há um erro. Portanto, há realmentenão é necessário pegar nenhum erro em minha ação ou no componente que despachou a ação. No entanto, não posso deixar de me preocupar se émau design, deixando exceções não detectadas? Quais problemas eu poderia encontrar se lidar com erros desse design? Sugestões sobre formas melhores de fazer isso?