mws.frontend.vue/src/router/index.ts

import { createRouter, createWebHistory } from 'vue-router'
import { useAuthStore } from '../stores/auth'

declare module 'vue-router' {
  interface RouteMeta {
    public?: boolean
    screenKey?: string
    title?: string
  }
}

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/login',
      name: 'login',
      component: () => import('../views/auth/LoginView.vue'),
      meta: { public: true },
    },
    {
      path: '/select-project',
      name: 'select-project',
      component: () => import('../views/projects/ProjectSelectView.vue'),
    },
    {
      path: '/',
      component: () => import('../layouts/MainLayout.vue'),
      children: [
        { path: '', redirect: '/select-project' },
        { path: 'users', name: 'users', component: () => import('../views/users/UsersView.vue'), meta: { screenKey: 'users', title: 'Users' } },
        {
          path: 'projects/:id',
          component: () => import('../layouts/ProjectLayout.vue'),
          meta: { screenKey: 'projects' },
          children: [
            { path: '', redirect: (to) => ({ name: 'tasks-board', params: { id: to.params.id } }) },
            { path: 'documents', name: 'documents', component: () => import('../views/documents/DocumentsView.vue'), meta: { screenKey: 'documents' } },
            { 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',
          component: () => import('../views/settings/SettingsView.vue'),
          meta: { title: 'Settings' },
          children: [
            { path: '', redirect: '/settings/masterdata' },
            { path: 'masterdata', name: 'settings-masterdata', component: () => import('../views/settings/masterdata/MasterDataView.vue'), meta: { title: 'Master Data', screenKey: 'masterdata' } },
            { path: 'roles', name: 'settings-roles', component: () => import('../views/settings/roles/RolesView.vue'), meta: { title: 'Roles', screenKey: 'permissions' } },
            { path: 'permissions', name: 'settings-permissions', component: () => import('../views/settings/permissions/PermissionsView.vue'), meta: { title: 'Permissions', screenKey: 'permissions' } },
          ],
        },
      ],
    },
    { path: '/:pathMatch(.*)*', redirect: '/select-project' },
  ],
})

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: '/select-project' }
  }
  if (auth.isAuthenticated) {
    await auth.ensureMenu()
  }
  if (to.meta.screenKey && !auth.canView(to.meta.screenKey)) {
    const last = localStorage.getItem('mws_last_project')
    return last ? { name: 'tasks-board', params: { id: last } } : { name: 'select-project' }
  }
})

export default router