Tengo el siguiente modulo;
store/modules/Snackbar.js
const snackbar = {
namespaced: true,
state: {
snackbar: {
show: false,
message: "",
color: "",
top: null,
bottom: null,
multiLine: true,
}
},
}
export default snackbar;
En mi store store/main.js
import Vue from 'vue'
import Vuex from 'vuex'
import snackbar from './modules/Snackbar'
Vue.use(Vuex)
export default new Vuex.Store({
modules:{
snackbar
},
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})
Cuando intento acceder al state de mi modulo desde un componente no me funciona como se supone deberia;
Componente
import { login } from "@/api/Auth.api";
export default {
mounted() {
console.log(this.$store.state.snackbar.snackbar);
},
}
En la consola:
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'snackbar' of undefined"
He leído la documentación, otros sitios y ni siquiera registrando un modulo local en la misma store funciona.