initial

src/router/index.ts

@@ -0,0 +1,64 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import { useAuthStore } from '../stores/auth'
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    public?: boolean
+    screenKey?: string
+  }
+}
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('../views/auth/LoginView.vue'),
+      meta: { public: true },
+    },
+    {
+      path: '/',
+      component: () => import('../layouts/MainLayout.vue'),
+      children: [
+        { path: '', redirect: '/projects' },
+        { path: 'dashboard', name: 'dashboard', component: () => import('../views/DashboardView.vue'), meta: { screenKey: 'dashboard' } },
+        { path: 'projects', name: 'projects', component: () => import('../views/projects/ProjectsListView.vue'), meta: { screenKey: 'projects' } },
+        { path: 'accounts', name: 'accounts', component: () => import('../views/AccountsView.vue'), meta: { screenKey: 'accounts' } },
+        { path: 'roles', name: 'roles', component: () => import('../views/RolesView.vue'), meta: { screenKey: 'roles' } },
+        {
+          path: 'projects/:id',
+          component: () => import('../layouts/ProjectLayout.vue'),
+          meta: { screenKey: 'projects' },
+          children: [
+            { path: '', name: 'project-overview', component: () => import('../views/projects/ProjectOverviewView.vue') },
+            { path: 'documents', name: 'documents', component: () => import('../views/documents/DocumentsView.vue'), meta: { screenKey: 'documents' } },
+            { path: 'tasks', name: 'tasks', component: () => import('../views/tasks/TasksListView.vue'), meta: { screenKey: 'tasks' } },
+            { path: 'tasks/board', name: 'tasks-board', component: () => import('../views/tasks/TasksBoardView.vue'), meta: { screenKey: 'tasks' } },
+            { path: 'members', name: 'members', component: () => import('../views/projects/MembersView.vue') },
+          ],
+        },
+        { path: 'settings', name: 'settings', component: () => import('../views/SettingsView.vue') },
+      ],
+    },
+    { path: '/:pathMatch(.*)*', redirect: '/projects' },
+  ],
+})
+
+router.beforeEach(async (to) => {
+  const auth = useAuthStore()
+  if (!to.meta.public && !auth.isAuthenticated) {
+    return { name: 'login', query: { redirect: to.fullPath } }
+  }
+  if (to.name === 'login' && auth.isAuthenticated) {
+    return { path: '/projects' }
+  }
+  if (auth.isAuthenticated) {
+    await auth.ensureMenu()
+  }
+  if (to.meta.screenKey && !auth.canView(to.meta.screenKey)) {
+    return { path: '/projects' }
+  }
+})
+
+export default router