import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    userInfo: null,
    isLoading: false,
    rememberData: null,
    menuData: [],
    pathUrl: '',
    menuName: '',
    activeTab: '',
    handleProcess: ''
  },
  getters: {
    menuData: (state) => state.menuData,
    menuName: (state) => state.menuName,
    userInfo: (state) => state.userInfo,
    activeTab: (state) =>state.activeTab,
    handleProcess: (state) =>state.handleProcess
  },
  mutations: {
    setHandleProcess(state, data){
      state.handleProcess = data
    },
    setActiveTabIndex(state, data){
      state.activeTab = data
    },
    saveUserInfo (state, data) {
      state.userInfo = data
    },
    saveIsLoading (state, data) {
      state.isLoading = data
    },
    saveRememberData (state, data) {
      state.rememberData = data
    },
    saveMenuData (state, data) {
      state.menuData = data
    },
    savePathUrl (state, data) {
      state.pathUrl = data
    },
    saveMenuName (state, data) {
      state.menuName = data
    }
  },
  actions: {},
  modules: {},
  plugins: [createPersistedState()]
})