routerconfig.js

import { createRouter, createWebHistory } from 'vue-router'
import Projects from '~/vue/app/projects/index'
import Dashboard from '~/vue/app/dashboard/index'
import ProjectDetail from '~/vue/app/projects/detail'
import ProjectCreate from '~/vue/app/projects/create'

const routes = [
  {
    path: '/',
    redirect: '/projects',
  },
  {
    path: '/dashboard',
    name: 'dashboard',
    components: {
      default: Dashboard,
    },
  },
  {
    path: '/projects',
    name: 'projects',
    components: {
      default: Projects,
    },
  },
  {
    path: '/projects/create',
    name: 'projects.create',
    components: {
      default: ProjectCreate,
    },
    meta: { parent: 'projects' }
  },
  {
    path: '/projects/:id',
    name: 'projects.detail',
    component: ProjectDetail,
    meta: { parent: 'projects' }
  }
]

export default createRouter({
  history: createWebHistory('/app'),
  routes,
})