How to access store from router-module nuxt^2.8.1 ? about router-module

Hey, I just fond the solution > I Post it here in case somebody is searching too.

I used the old version of the store, where you declare a "Vuex Instance" and export it.
The thing is that in Nuxt, the store is a function. And you need to export this function.

I mean, when you call your store outside of a .vue file, you need to call a function

So this is my strore :

/* eslint-disable camelcase */
import Vuex from 'vuex'

const createStore = () => {
  return new Vuex.Store({
    state: () => ({
      myValue: false,
    }),
    mutations: {
      myExampleMutation(state, myNewValue) {
        state.myValue = myNewValue
      }
    }
  })
}

export default createStore

Here is my router :

import Vue from 'vue'
import Router from 'vue-router'
import store from "@/store/index";

import Home from './pages/Home.vue'

Vue.use(Router)

const createRouterConst = new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'uselessRoute',
      component: Home
    }
  ]
})

  createRouterConst.beforeEach(async (to, from, next) => {
    try {
      console.log(store().myValue); // >>> It's how i call it
      next()
    } catch (error) {
      console.log(error)
    }
  })

export function createRouter() {
  return createRouterConst;
}

We can see that i called store().myValue in the createRouterConst.beforeEach() statement.
It's working for me.

This issue as been imported as question since it does not respect router-module issue template. Only bug reports and feature requests stays open to reduce maintainers workload.
If your issue is not a question, please mention the repo admin or moderator to change its type and it will be re-opened automatically.
Your question is available at https://cmty.app/nuxt/router-module/issues/c38.

[matamune94]

Have more idea for this, i mean a something better more.