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

// import HomeView from './HomeView.vue'
// import AboutView from './AboutView.vue'

import Users from './pages/Users.vue'
import UserDetail from './pages/UserDetail.vue'
import Kurse from './pages/Kurse.vue'
import KursDetail from './pages/KursDetail.vue'

const base = import.meta.env.VITE_ROUTER_BASE

const routes = [
   { path: `${base}/`, redirect: "/user" },
   { path: `${base}/ui/user`, component: Users },
   { path: `${base}/ui/user/:userId`, component: UserDetail },
   { path: `${base}/ui/kurs`, component: Kurse },
   { path: `${base}/ui/kurs/:kursId`, component: KursDetail },
]

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

export default router