asyncStorage: Commit not persisted when actions are chained about vuex-persist HOT 4 CLOSED

It turns out this issue was a result of state being asynchronously restored after mutations that were committed on page load. #107 introduces an event that gets emitted when the async store update has completed. Now that I understand the timing issues better, it all works as intended. Thanks for a great plugin!!!

from vuex-persist.

I found another (not very satisfactory) workaround that seems to confirm that the problem has something to do with the asynchronous nature of localForage. I revised my actions to look like this:

const sleep = ms => new Promise(res => setTimeout(res, ms));

const actions = {
  async login({ commit, dispatch }) {
    await sleep(500); // <-- FORCE A 500ms DELAY
    return login().then(
      res => {
        commit(LOGIN_SUCCESS, res); // <-- THIS COMMIT GETS PERSISTED NOW!
        return dispatch("getProfile", res.user_id);
      },
      err => commit(LOGIN_FAILURE, err)
    );
  },
  getProfile({ commit }, user_id) {
    commit(PROFILE_REQUEST);
    return api.getProfile(user_id).then(
      res => commit(PROFILE_SUCCESS, res),
      err => commit(PROFILE_FAILURE, err)
    );
  }
};

This workaround will allow me to continue working in development mode, but it's something I'll have to remember to remove before doing a production build. Also, it makes me worry that I don't fully understand the async issue and could have a bug in my production code...

from vuex-persist.

@morphatic See my new comment on #15 to see if it applies to you.

from vuex-persist.

please reopen if still issue remains

from vuex-persist.