feat: initial admin panel (Vue + Tailwind)

src/router/index.ts

@@ -0,0 +1,61 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import { useAuthStore } from '@/stores/auth';
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('@/views/LoginView.vue'),
+      meta: { guest: true },
+    },
+    {
+      path: '/verify',
+      name: 'verify',
+      component: () => import('@/views/VerifyOtpView.vue'),
+      meta: { guest: true },
+    },
+    {
+      path: '/',
+      name: 'dashboard',
+      component: () => import('@/views/DashboardView.vue'),
+      meta: { requiresAuth: true, requiresAdmin: true },
+    },
+    {
+      path: '/businesses',
+      name: 'businesses',
+      component: () => import('@/views/BusinessesView.vue'),
+      meta: { requiresAuth: true, requiresAdmin: true },
+    },
+    {
+      path: '/users',
+      name: 'users',
+      component: () => import('@/views/UsersView.vue'),
+      meta: { requiresAuth: true, requiresAdmin: true },
+    },
+  ],
+});
+
+router.beforeEach(async (to) => {
+  const auth = useAuthStore();
+
+  if (auth.token && !auth.user) {
+    await auth.loadUser();
+  }
+
+  if (to.meta.requiresAuth && !auth.isLoggedIn) {
+    return { name: 'login' };
+  }
+
+  if (to.meta.requiresAdmin && auth.isLoggedIn && !auth.isAdmin) {
+    auth.logout();
+    return { name: 'login' };
+  }
+
+  if (to.meta.guest && auth.isLoggedIn && auth.isAdmin) {
+    return { name: 'dashboard' };
+  }
+});
+
+export default router;