vue.js - How to access vuex state from vueRouter in nuxt

Question

Hi I'm trying access to vuex state from VueRouter instance, but i can't get the state properly.

Attempting to access the $store property of router.app says it is null

Here my vueRouter code:

router.beforeEach((to, from, next) => {
    const isLoggedIn = router.app.$store.getters["user/isLogedIn"];
    if (to.name !== "Login" && !isLoggedIn) {
        next({ name: "Login" });
    } else {
        next();
    }
});

In vuex store:

export const getters = {
  isLoggedIn(state) {
    if (state && state.user) {
      console.log("state.user", state.user);
    }
    return state.user !== null && state.user !== {};
  },
};

Here is my vueRouter object:

VueRouter Object:

And here is the error that i have:

Error:

Answer 1

other way is to import your store in router file like

import storeA from './pathToStore'

and use in store like

storeA.getters.isLoggedIn