import { MaskedVuex, maskedVuex } from 'vuex-masked-modules';
export const storageName = 'app'; // key in localStorage
export const namespace = 'ModuleName'; // key in store, module name
export const isEncrypt = true; // encrypt (masked) data or not
export const isMaskedKey = true; // masked key in store or not
export const isInitLog = true; // show store object in console
export const storageType = 'sessionStorage'; // select type store. 'localStorage' (default) or 'sessionStorage'
export const isFlush = false; // flush store
// middlewares functions
export const middlewares = [
  ({type, payload}) => console.log(type, payload),
];
// data template (state)
export const template = {
  arr: [2, 4, 6],
  isVisible: false
};
export const settings = {
  storageName,
  namespace,
  isEncrypt,
  isMaskedKey,
  isInitLog,
  isFlush,
  middlewares,
  storageType,
  template,
};
const state = new MaskedVuex({ ...settings });
export const plugin = ({namespace}) => maskedVuex({ ...settings, namespace });
export default {
  namespaced: true,
  mutations: {
    show(state) { state.isVisible = true; },
    hide(state) { state.isVisible = false; }
  },
  getters: {
    test(state) { return state.arr.map(item => item * 2); }
  },
  namespace,
  state,
  plugin
};