Refactor project structure and update dependencies

nuxt/app/middleware/auth.ts

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

nuxt/app/middleware/guest.ts

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

nuxt/app/middleware/role-admin.ts

@@ -0,0 +1,16 @@
+export default defineNuxtRouteMiddleware(() => {
+  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: 'error',
+      })
+
+      return navigateTo('/')
+    })
+  }
+})

nuxt/app/middleware/role-user.ts

@@ -0,0 +1,16 @@
+export default defineNuxtRouteMiddleware(() => {
+  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: 'error',
+      })
+
+      return navigateTo('/')
+    })
+  }
+})

nuxt/app/middleware/verified.ts

@@ -0,0 +1,16 @@
+export default defineNuxtRouteMiddleware(() => {
+  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: 'error',
+      })
+
+      return navigateTo('/account/general')
+    })
+  }
+})