How can I only persist specific key in a Vuex Module

Hello,

I have a question, How can I persist specific key in a module?:

reducer: (state) => ({
    adminAccountType: state.RolesAndPermissionModule.adminAccountType,
  })

I only want to persist the “adminAccountType” object within RolesAndPermissionModule , but when I do that it creates the new key in root state with “adminAccountType”

Thanks

[brooksca]

aliraza,

Not sure if you got an answer to this or not. Looks like it was closed pretty quickly. I was having this same problem fixed it by doing the following:

// --- store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersist from 'vuex-persist'

import persistedModuleName from './persistedModuleFile'

Vue.use(Vuex)
...

const vueLocalStorage = new VuexPersist({
  key: 'STORAGE_KEY',
  storage: window.localStorage,
  reducer: (state) => ({
    persistedModuleName: {
      CompanyName: state.persistedModuleName.CompanyName,
      CustomerId: state.persistedModuleName.CustomerId,
      SignedInUser: state.persistedModuleName.SignedInUser,
      SignedInUserRole: state.persistedModuleName.SignedInUserRole
    }
  })
})

export default new Vuex.Store({
  state: state,
  getters: getters,
  actions: actions,
  mutations: mutations,
  modules: {
    persistedModuleName
  },
  plugins: [vueLocalStorage.plugin]
})

Hope that helps.

[championswimmer]

Reducer takes the state (in memory) as argument and returns the state (or its part) to be saved into your persistence.

Return whatever you want to return from reducer. Keeps keys you want. Drop keys you don’t want.

On Thu 14 Feb, 2019, 4:51 PM Malik Ali Raza <[e-mail] wrote:

Hello,

I have a question, How can persist specific key in a module?:

reducer: (state) => ({ adminAccountType: state.RolesAndPermissionModule.adminAccountType, })

I’m only want to persist the “adminAccountType” object within RolesAndPermissionModule , but when I do that it creates the new key in root state with “adminAccountType”

Thanks

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/championswimmer/vuex-persist/issues/99, or mute the thread https://github.com/notifications/unsubscribe-auth/ABQ_yg5Yh8FqUAHceZD1RVamktvC3fHNks5vNUargaJpZM4a7YaR .