I encountered an issue while implementing Vuex store in my Nuxt project. Despite following a helpful guide to kickstart the process, I am stuck with seeing a this.$store is undefined error.
The content of my store/index.js file:
export const state = () => ({
userdata: {}
})
export const mutations = {
setUserdata(state, value){
state.userdata = value
}
}
export const getters = {
GetUserdata(state){ return state.userdata}
}`
In the script section of pages/login.vue:
import Vue from 'vue'
export default Vue.extend({
name: 'LoginSuccessPage',
async created() {
var token = this.$route.query.token
var data = await fetch("http://localhost:3500/profile/"+token)
var jsondata = await data.json()
this.$store.dispatch("userdata",jsondata)
}
})`