can't use pinia on beforeEach

[Isnaeni2003]

i have a problem , i want to create login in quasar and use pinia parameter (isAuth = false) in index.js file ( for beforeEach) but pinia can't work in that file and i get error in browser like this

getActivePinia was called with no active Pinia. Did you forget to install pinia?
	const pinia = createPinia()
	app.use(pinia)

full code :

import { route } from 'quasar/wrappers'
import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
import routes from './routes'

import { LocalStorage, SessionStorage } from 'quasar'
import { useCounterStore } from 'stores/alldata';
import { storeToRefs } from 'pinia';
  const store = useCounterStore();
  let allpost = ref(store.getalldata);

// GET USER
  // import { getAuth ,onAuthStateChanged} from "firebase/auth";
  // import {app} from 'src/firebaseconfig/firebase.js';
  // const auth = getAuth(app);
// let data = []
// let id = ""
//   const getuser = onAuthStateChanged(auth, (user) => {
//   if (user) {
//     // console.log(user)
//     const uid = user.uid;
//     id = user.id
//     data.push(user)
//     // console.log(data)
//   } else {
//     console.log("Tolol")
//   }
// });
/*
 * If not building with SSR mode, you can
 * directly export the Router instantiation;
 *
 * The function below can be async too; either use
 * async/await or return a Promise which resolves
 * with the Router instance.
 */

export default route(function (/* { store, ssrContext } */) {
  const createHistory = process.env.SERVER
    ? createMemoryHistory
    : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)

  const Router = createRouter({
    scrollBehavior: () => ({ left: 0, top: 0 }),
    routes,

    // Leave this as is and make changes in quasar.conf.js instead!
    // quasar.conf.js -> build -> vueRouterMode
    // quasar.conf.js -> build -> publicPath
    history: createHistory(process.env.VUE_ROUTER_BASE)
  })

  // SETTINGAN
  let getloginuser = LocalStorage.getItem("loginuser") 
console.log("datanya")
console.log(getloginuser)
Router.beforeEach((to,from,next)=>{
  if(getloginuser == null && to.path !== "/login" ) next({path:"/login"})
  if(getloginuser !== null && to.path === "/login") next({path:"/"})

    else{
  next()

    }
})


  return Router
})

thanks

[yusufkandemir]

You can use a boot file where you have access to the router, to the store, and more.

import { boot } from 'quasar/wrappers';
import { useAuthStore } from 'stores/auth';

export default boot(({ router, store }) => {
  // the store parameter is optional for non-SSR apps
  const authStore = useAuthStore(store);

  router.beforeEach((to, from) => {
    if (authStore.user == null && to.path !== "/login" ) {
      return { path: "/login" }
    }

    if (authStore.user !== null && to.path === "/login") {
      return { path: "/" }
    }
  });
});