1import { createRouter, createWebHistory } from 'vue-router' 2import JobList from '@/views/JobList.vue' 3import JobDetails from '@/views/JobDetails.vue' 4import About from '@/views/About.vue' 5import JobConfigure from '@/views/JobConfigure.vue' 6import NotFound from '@/views/NotFound.vue' 7 8const routes = [ 9 { 10 path: '/', 11 name: 'JobList', 12 component: JobList 13 }, 14 { 15 path: '/check-job/:id', 16 name: 'JobDetails', 17 props: true, 18 component: JobDetails 19 }, 20 { 21 path: '/about', 22 name: 'About', 23 component: About 24 }, 25 { 26 path: '/create', 27 name: 'Create', 28 component: JobConfigure 29 }, 30 { 31 path: '/:catchAll(.*)', 32 name: 'Not Found', 33 component: NotFound 34 } 35] 36 37const router = createRouter({ 38 history: createWebHistory(process.env.BASE_URL), 39 routes 40}) 41 42export default router 43