Single commit/dispatch in @Action called only.

In the official Vuex-documentation it is stated, that multiple commits in a single action are possible. For example here:

actions: {
  checkout ({ commit, state }, products) {
    // save the items currently in the cart
    const savedCartItems = [...state.cart.added]
    // send out checkout request, and optimistically
    // clear the cart
    commit(types.CHECKOUT_REQUEST)
    // the shop API accepts a success callback and a failure callback
    shop.buyProducts(
      products,
      // handle success
      () => commit(types.CHECKOUT_SUCCESS),
      // handle failure
      () => commit(types.CHECKOUT_FAILURE, savedCartItems)
    )
  }
}

Now when I tried to get a similar behavior with this neat module, only the first commit/dispatch gets called and the action ends afterwards. Here is an example:

    @Mutation
    public [PURGE_AUTH]() {
        this.token = '';
        this.user = {id: '', username: ''};

        localStorage.removeItem('token');
        delete axios.defaults.headers.common['X-AUTH-TOKEN'];
    }

    @Action
    public async [LOGOUT]() {
        await doLogout();
        console.log('COMMITTING');
        this.context.commit(PURGE_AUTH);
        console.log('DISPATCHING');
        this.context.dispatch(RESET_ALL);
        console.log('AFTER DISPATCH');
        return;
    }

Only ‘COMMITTING’ will be printed to the console and the the other dispatches/commits do not get called. I have also tried to use the await keyword for the commits but that does not do anything.

[m-ripper]

I found a work-around for the issue, I don’t know if it is considered hacky or not but that’s how I solved the problem:

    @Action({rawError: true})
    public async [CHECK_AUTH]() {
        const context = this.context;
        const resp = await doCheckAuth();

        if (typeof resp.data.error !== 'undefined') {
            try {
                context.commit(PURGE_AUTH);
            } catch (e) {
                // whatever is necessary
            }
            context.commit(RESET);
        } else {
            context.commit(SET_AUTH, resp.data);
        }
    }

I know this code is a little different than above but I think one might get my point. I realized after doing a few tests, that the reference to context was lost as soon as something like await function() was called, meaning that I could not commit, nor dispatch via this.context. By setting a reference to the context I managed to do those commits and dispatches.

I would also recommend to enable rawError to be able to catch errors that could occur in commits/dispatches.

I will look whether I find the time to make a PR, but maybe for now this is enough.

[m-ripper]

Yes the issue has been solved for me.