[Vuejs]-Accessing Vuex Store Before Page Load NuxtJS

-1👍

Using Middleware is how we can access Vuex before page loads. try putting the configuration part in a custom Nuxt plugin.
Create a file in Plugins folder (you can name it global.js).
Put this

import Vue from 'vue'
import * as VueGoogleMaps from '~/node_modules/vue2-google-maps/src/main'

Vue.use(VueGoogleMaps, {
 load: {
  key: process.env.VUE_APP_GMAP_KEY,
libraries: 'geometry,drawing,places'
}
})

in global.js.
Then add the plugin in nuxt.config.js like this.

 plugins: [
  '~/plugins/global.js' 
 ]

Also, make sure you’re using underscore before ‘page_id’ name in your folder structure.

Leave a comment