Merge pull request #18 from k2so-dev/17-available-data-in-middleware

fetch user before middleware

Author: k2so-dev

nuxt/app/app.vue

@@ -1,9 +1,4 @@
 <script lang="ts" setup>
-const auth = useAuthStore();
-
-if (auth.logged) {
-  await auth.fetchUser();
-}
 </script>
 
 <template>

nuxt/app/middleware/role-admin.ts

@@ -1,7 +1,7 @@
 export default defineNuxtRouteMiddleware((to, from) => {
   const auth = useAuthStore()
 
-  if (auth.logged && !auth.hasRole('admin')) {
+  if (!auth.logged || !auth.hasRole('admin')) {
     const toast = useToast()
 
     toast.add({

nuxt/app/middleware/role-user.ts

@@ -1,7 +1,7 @@
 export default defineNuxtRouteMiddleware((to, from) => {
   const auth = useAuthStore()
 
-  if (auth.logged && !auth.hasRole('user')) {
+  if (!auth.logged || !auth.hasRole('user')) {
     const toast = useToast()
 
     toast.add({

nuxt/app/middleware/verified.ts

@@ -1,7 +1,11 @@
-export default defineNuxtRouteMiddleware((to, from) => {
+import authMiddleware from "./auth";
+
+export default defineNuxtRouteMiddleware(async (to, from) => {
+  await authMiddleware(to, from);
+
   const auth = useAuthStore();
 
-  if (auth.logged && auth.user.must_verify_email) {
+  if (auth.user.must_verify_email) {
     const toast = useToast();
 
     toast.add({

nuxt/app/plugins/auth.ts

@@ -0,0 +1,7 @@
+export default defineNuxtPlugin(async (nuxtApp) => {
+  const auth = useAuthStore();
+
+  if (auth.logged) {
+    await auth.fetchUser();
+  }
+})