Admin guard panel

Author: atomjoy

resources/js/atomjoy/auth/router/routes.js

@@ -25,6 +25,7 @@ const routes = [
 		path: '/logout',
 		name: 'logout',
 		component: () => import('@/atomjoy/auth/LogoutView.vue'),
+		meta: { requiresAuth: true },
 	},
 	// Two factor
 	{
@@ -53,13 +54,6 @@ const routes = [
 		component: () => import('@/atomjoy/auth/AdminLoginView.vue'),
 		meta: { adminRoute: true },
 	},
-	// Admin logout
-	{
-		path: '/admin/logout',
-		name: 'admin.logout',
-		component: () => import('@/atomjoy/auth/AdminLogoutView.vue'),
-		meta: { adminRoute: true },
-	},
 	// Admin Two factor
 	{
 		path: '/admin/login/f2a/:hash',
@@ -74,6 +68,13 @@ const routes = [
 		component: () => import('@/atomjoy/auth/AdminPasswordView.vue'),
 		meta: { adminRoute: true },
 	},
+	// Admin logout
+	{
+		path: '/admin/logout',
+		name: 'admin.logout',
+		component: () => import('@/atomjoy/auth/AdminLogoutView.vue'),
+		meta: { adminRoute: true, requiresAdmin: true },
+	},
 ]
 
 export default routes

resources/js/router/index.js

@@ -47,7 +47,7 @@ router.beforeEach(async (to, from, next) => {
 	// ✅ This will work make sure the correct store is used for the current running app
 	const auth = useAuthStore()
 	// ✅ Login with remember me token and/or check is user authenticated
-	if (to.meta.requiresAdmin) {
+	if (to.meta.adminRoute) {
 		await auth.isAuthenticatedAdmin()
 	} else {
 		await auth.isAuthenticated()