Init

nuxt/middleware/auth.ts

@@ -0,0 +1,8 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  const nuxtApp = useNuxtApp()
+  const auth = useAuthStore()
+
+  if (!auth.isLoggedIn) {
+    return nuxtApp.runWithContext(() => navigateTo('/login'))
+  }
+})

nuxt/middleware/guest.ts

@@ -0,0 +1,8 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  const nuxtApp = useNuxtApp()
+  const auth = useAuthStore()
+
+  if (auth.isLoggedIn) {
+    return nuxtApp.runWithContext(() => navigateTo('/'))
+  }
+})

nuxt/middleware/role-admin.ts

@@ -0,0 +1,16 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  const nuxtApp = useNuxtApp()
+  const auth = useAuthStore()
+
+  if (auth.isLoggedIn && !auth.user.roles.includes('admin')) {
+    return nuxtApp.runWithContext(() => {
+      useToast().add({
+        icon: "i-heroicons-exclamation-circle-solid",
+        title: "Access denied.",
+        color: "red",
+      });
+
+      return navigateTo('/')
+    })
+  }
+})

nuxt/middleware/role-user.ts

@@ -0,0 +1,16 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  const nuxtApp = useNuxtApp()
+  const auth = useAuthStore()
+
+  if (auth.isLoggedIn && !auth.user.roles.includes('user')) {
+    return nuxtApp.runWithContext(() => {
+      useToast().add({
+        icon: "i-heroicons-exclamation-circle-solid",
+        title: "Access denied.",
+        color: "red",
+      });
+
+      return navigateTo('/')
+    })
+  }
+})

nuxt/middleware/verified.ts

@@ -0,0 +1,16 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  const nuxtApp = useNuxtApp()
+  const auth = useAuthStore()
+
+  if (auth.isLoggedIn && auth.user.must_verify_email) {
+    return nuxtApp.runWithContext(() => {
+      useToast().add({
+        icon: "i-heroicons-exclamation-circle-solid",
+        title: "Please confirm your email.",
+        color: "red",
+      });
+
+      return navigateTo('/account/general')
+    })
+  }
+})