Travailler avec session storage dans vuejs3 (Quasar) + firebase

fonction qui fait le login

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 //Login
          firebase
            .auth()
            .signInWithEmailAndPassword(email.value, password.value)
            .then(response => {
              $q.notify({
                message: "Vous êtes connecté avec succès",
                timeout: 2000,
                color: "green",
              });
              // Sign in
 
              //redirect vert l'application 
              router.push("filter")
           //mettre la valeur de l'email dans la session 
              SessionStorage.set("user", email.value);
 
            })

Routes/Index.js

Code:

1
2
3
4
5
 beforeEnter: (to, from, next) => {
 
// que dois je mettre ici ...
   next()
  }

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//Routes/routes.js
const routes = [
  {
    path: "/",
    component: () => import("layouts/MainLayout.vue"),
 
    children: [
      { path: "/", component: () => import("pages/Index.vue") },
      { path: "filter", component: () => import("pages/DisplayByDate.vue") },
      { path: "serveurs", component: () => import("pages/Serveurs.vue") },
      { path: "domaines", component: () => import("pages/Domaines.vue") },
      { path: "hebergeurs", component: () => import("pages/Hebergeurs.vue") },
    ],
  },
  {
    path: "/:catchAll(.*)*",
    component: () => import("pages/Error404.vue"),
  },
];
 
export default routes;

mon objectif c'est de bloquer l'access a l'application par url , il doit se connecter si l'email et le password sont compatible a ceux de la base de données