Hello,
can somebody give me sample files for Vuex Store.
All samples have a store in one file, but Quasar split the store in different files.
As I’m trying to adapt Dashblocks App, I get a classical store file :
const state = {
dark: (localStorage['ub-dark-mode'] || 'false') === 'true',
menuAutoExpand: (localStorage['ub-menu-auto-expand'] || 'false') === 'true',
menuMini: (localStorage['ub-menu-mini'] || 'false') === 'true',
dashboardColorScheme: localStorage['ub-dashboard-color-scheme'] || 'Standard'
};
const getters = {};
const mutations = {
SET_DARK(state, { dark }) {
localStorage['ub-dark-mode'] = dark;
state.dark = dark;
},
SET_MENU_AUTO_EXPAND(state, { menuAutoExpand }) {
localStorage['ub-menu-auto-expand'] = menuAutoExpand;
state.menuAutoExpand = menuAutoExpand;
},
SET_MENU_MINI(state, { menuMini }) {
localStorage['ub-menu-mini'] = menuMini;
state.menuMini = menuMini;
},
SET_DASHBOARD_COLOR_SCHEME(state, { dashboardColorScheme }) {
localStorage['ub-dashboard-color-scheme'] = dashboardColorScheme;
state.dashboardColorScheme = dashboardColorScheme;
}
};
const actions = {
setDark({ commit }, { dark }) {
commit('SET_DARK', { dark: dark });
},
setMenuAutoExpand({ commit }, { menuAutoExpand }) {
commit('SET_MENU_AUTO_EXPAND', { menuAutoExpand: menuAutoExpand });
},
setMenuMini({ commit }, { menuMini }) {
commit('SET_MENU_MINI', { menuMini: menuMini });
},
setDashboardColorScheme({ commit }, { dashboardColorScheme }) {
commit('SET_DASHBOARD_COLOR_SCHEME', { dashboardColorScheme: dashboardColorScheme });
}
};
export default {
namespaced: true,
state,
getters,
mutations,
actions
};
How could I split it in the different files : states.js, actions.js, getters.js and mutations.js coming with the starting application ?
After a long time searching, I haven’t found clear informations…
Thanks for help