export default { state: { locale: localStorage.getItem('locale') || 'en', dark: localStorage.getItem('dark') !== 'false', clipped: localStorage.getItem('clipped') !== 'false', mini: localStorage.getItem('mini') !== 'false', snackbars: [] }, getters: { nextSnackbar (state) { if (state.snackbars) return state.snackbars[0] else return '' } }, mutations: { setLocale (state, value) { state.locale = value localStorage.setItem('locale', value) }, setDark (state, value) { state.dark = value localStorage.setItem('dark', value) }, setClipped (state, value) { state.clipped = value localStorage.setItem('clipped', value) }, setMini (state, value) { state.mini = value localStorage.setItem('mini', value) }, shiftSnackbars (state) { state.snackbars.shift() }, newSnackbar (state, text) { state.snackbars.push(text) } } }