import { createStore } from 'vuex';

import mutations from './mutations.js';
import actions from './actions.js';
import getters from './getters.js';

const initialState = {
  pageTitle: 'Users Lists',
  windowWidth: window.innerWidth,
  errorMessage: null,
  successMessage: null,

  breadCrumbs: {
    home: {
      label: 'Home',
      isLink: true,
      value: '',
      isVisible: true,
      sort: 1,
    },
    'userManagement-list': {
      label: 'UserManagement List',
      isLink: false,
      value: '',
      isVisible: true,
      sort: 2,
    },
    'userManagement-edit': {
      label: 'UserManagement Edit',
      isLink: false,
      value: '',
      isVisible: false,
      sort: 3,
    },
  },
};

const rootModule = {
  namespaced: true,
  state() {
    return initialState;
  },
  getters,
  actions,
  mutations,
};

const store = createStore({
  modules: {
    root: rootModule,
  },
});

export default store;