Estoy teniendo problemas con con los getters en VueJS. Tengo que cambiar mi barra de navegación dependiendo si el usuario está o no autenticado. Pero me muestra el siguiente error:
[vuex] unknown getter: user/is_authenticated
- Store.js
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
// import getters from './getters'
import user from './modules/user'
import front from './modules/front'
Vue.use(Vuex)
export default new Vuex.Store({
modules: {
front,
user
},
2.user.js
const UserModule = {
state: {
is_authenticated: false,
access_token: null,
id_token: null,
email: null,
name: null,
lastname: null,
birth_date: null,
genre: null,
document_type: null,
document_number: null,
nationality: null,
country_residence: null,
phone: null
},
getters: {
is_authenticated: state => state.is_authenticated,
},
...
export default {
UserModule,
namespaced: true
}
3 NavBar.vue
computed: {
...mapGetters(['windowsWidth', 'sizes']),
...mapGetters('user', ['is_authenticated'])
},
mounted () {
this.menu = routesMenu('portal')
console.log(this.is_authenticated)
},
El console.log me da undefined
, y al hacerlo sin el nombre del modulo ...mapGetters(['is_authenticated'])
, me devuelve false
sin importar que valor le de.
Llevo poco tiempo usando Vue, ya he buscado de todo