reducer removes object from state entirely NOT just persisted-state NOT SOLVED about vuex-persistedstate

[r4fx]

Just return in reducer these states which need to be persist,
for example:

const store = new Vuex.Store({
    state: {
        userProfile: [],
        userIsAdmin: [],
        errorMessage: null
    },
    mutations: {

    },
    actions: {

    },
    plugins: [createPersistedState({
        reducer: state => ({
            userProfile: state.userProfile,
            userIsAdmin: state.userIsAdmin
            // errorMessage // this state is not included, no need to set to localStorage
        }),
    })]
});

[joefresco]

@robinvdvleuten Your response to my reply would be greatly appreciated. Thanks

[robinvdvleuten]

@joefresco if you try to delete the "root state" of your module, I can image that won't work as Vuex binds to these (read more about it here and here). If your object exceeds quota I would reconsider your application's architecture or move the object out of Vuex and handle it yourself. Hope that helps!

[joefresco]

@robinvdvleuten I'm very confused. How do you use the reducer function if not to delete a specific state element from being persisted?

Basically, I am storing an object that isn't very big (maybe 20 KB) but still hits quota errors for an unknown reason in Chrome. That object is only needed one time ever for a user (a validation object) and does not need to be persisted to local storage anyway.

I just can't figure out how to get it to not be persisted.

[duyetpt]

So it think name reducer is confused. Because reducer in React as a function to mutate state.

[my3188]

@robinvdvleuten Your response to my reply would be greatly appreciated. Thanks

How did you solve this problem finally ?