Estoy utilizando Quasar para crear una plataforma para la empresa en la que trabajo.
Hasta el momento, he podido con todo, pero aún se me dificulta entender cómo se maneja el Vuex con este framework.
Así organizo el store. Y a continuación, mostraré el store que quiero utilizar para hacer la autenticación (que se llama authentication-state.js)
const state = {
token: ''
}
const mutations = {
setToken(state, token){
state.token = token
},
}
const actions = {
getToken({ commit }) {
this.$axios.get('ruta').then(response => {
commit('setToken', response.data)
}).catch(error => console.log('Error: ' + error));
},
}
const getters = {
getToken(state) {
return state.token
}
}
export default {
namespaced: true,
state,
mutations,
actions,
getters
}
Y así es cómo quiero utilizarlo en mi componente:
<script>
import { mapGetters, useStore, mapActions } from 'vuex'
import { useQuasar } from 'quasar'
import { defineComponent, ref } from 'vue';
export default defineComponent({
name: 'Login',
components: {},
data: () => ({}),
mounted() {
const $q = useQuasar()
const $store = useStore();
this.getToken();
},
computed: {},
methods: {
...mapActions("authentication", ["getToken"]),
onSubmit (event) {
event.preventDefault();
if (this.user === null && this.password === null) {
this.$q.notify({
color: 'red-5',
textColor: 'white',
icon: 'warning',
message: 'You need to password the license and terms first'
})
}
else {
this.setSession();
}
},
onReset () {
this.user = null
this.password = null
},
}
})
Pero por alguna razón, ese código no me funciona bien y me arroja el siguiente error:
¿Cómo hago para que me funcione?
He probado varias cosas para que me funcione y ninguna me funciona. Salen distintos errores.