kin/web/frontend/src/main.ts

import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import './style.css'
import App from './App.vue'
import Dashboard from './views/Dashboard.vue'
import ProjectView from './views/ProjectView.vue'
import TaskDetail from './views/TaskDetail.vue'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: Dashboard },
    { path: '/project/:id', component: ProjectView, props: true },
    { path: '/task/:id', component: TaskDetail, props: true },
  ],
})

createApp(App).use(router).mount('#app')