Looking for help with using createPersistedState in a vuex and quasar setup.
I've been attempting to save some data in the cookie of my application, but it doesn't seem to be working as expected. Any ideas on what could be going wrong?
Appreciate any insights you can provide. Thank you!
Action
function setUser ({ commit }) {
axios.get(`/modulo/app`, { headers: { 'Authorization': 'Bearer ' + store.getters.getToken() } })
.then(response => {
commit('setUserMutation', response.data)
})
.catch(error => {
if (!error.response) {
console.log(error.response)
}
})
}
Mutation
const setUserMutation = (state, data) => { state.user = data }
Getters
function getUser (state) {
return state.user
}
index config Store
export default function () {
const Store = new Vuex.Store({
modules: {
auth
},
plugins: [createPersistedState(
{
paths: ['auth.setUserMutation'],
storage: {
getItem: key => Cookies.get(key),
setItem: (key, value) => Cookies.set(key, value, { expires: 3, secure: true }),
removeItem: key => Cookies.remove(key)
}
}
)],
strict: process.env.DEV
})
return Store
}