YG-Datasets/frontend/src/router/index.js

import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('@/views/HomeView.vue')
  },
  {
    path: '/project/:id',
    name: 'Project',
    component: () => import('@/views/ProjectView.vue'),
    children: [
      {
        path: '',
        redirect: to => `/project/${to.params.id}/files`
      },
      {
        path: 'files',
        name: 'ProjectFiles',
        component: () => import('@/views/project/FileManage.vue')
      },
      {
        path: 'split',
        name: 'ProjectSplit',
        component: () => import('@/views/project/TextSplit.vue')
      },
      {
        path: 'questions',
        name: 'ProjectQuestions',
        component: () => import('@/views/project/QuestionManage.vue')
      },
      {
        path: 'datasets',
        name: 'ProjectDatasets',
        component: () => import('@/views/project/DatasetManage.vue')
      },
      {
        path: 'eval',
        name: 'ProjectEval',
        component: () => import('@/views/project/EvalManage.vue')
      },
      {
        path: 'settings',
        name: 'ProjectSettings',
        component: () => import('@/views/project/Settings.vue')
      }
    ]
  },
  {
    path: '/models',
    name: 'ModelSettings',
    component: () => import('@/views/ModelSettingsView.vue')
  },
  {
    path: '/data-square',
    name: 'DataSquare',
    component: () => import('@/views/DataSquareView.vue')
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router