X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Frouter.js;h=8590c3347f7b4857e3a729eb42a988d7f88ae298;hb=737a5dafb39740ebe304b8d0a82df85070def571;hp=08bbf88ba281350a284334377bedb0e76b9f5d1f;hpb=8d61fc4ab7373b4a576f3f9108cdf7768ae27096;p=vchess.git diff --git a/client/src/router.js b/client/src/router.js index 08bbf88b..8590c334 100644 --- a/client/src/router.js +++ b/client/src/router.js @@ -1,36 +1,76 @@ import Vue from "vue"; import Router from "vue-router"; -import Home from "./views/Home.vue"; Vue.use(Router); function loadView(view) { - return () => import(/* webpackChunkName: "view-[request]" */ `@/views/${view}.vue`) + return () => + import(/* webpackChunkName: "view-[request]" */ `@/views/${view}.vue`); } -export default new Router({ +const router = new Router({ routes: [ { path: "/", - name: "home", - component: Home, + name: "hall", + component: loadView("Hall") + }, + { + path: "/variants", + name: "variants", + component: loadView("Variants") + }, + { + path: "/variants/list", + name: "variantlist", + component: loadView("VariantList") + }, + { + path: "/variants/:vname([a-zA-Z0-9]+)", + name: "rules", + component: loadView("Rules") + }, + { + path: "/authenticate/:token", + name: "authenticate", + component: loadView("Auth") + }, + { + path: "/logout", + name: "logout", + component: loadView("Logout") + }, + { + path: "/problems", + name: "myproblems", + component: loadView("Problems") + }, + { + path: "/mygames", + name: "mygames", + component: loadView("MyGames") + }, + { + path: "/game/:id([a-zA-Z0-9]+)", + name: "game", + component: loadView("Game") + }, + { + path: "/analyse/:vname([a-zA-Z0-9]+)", + name: "analyse", + component: loadView("Analyse") }, { path: "/about", name: "about", - // route level code-splitting - // this generates a separate chunk (about.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: loadView('About'), - //function() { - // return import(/* webpackChunkName: "about" */ "./views/About.vue"); - //} - }, - { - path: "/test", - name: "test", - component: loadView("Test"), - }, - // TODO: gameRef, problemId: https://router.vuejs.org/guide/essentials/dynamic-matching.html + component: loadView("About") + }, + { + path: "/faq", + name: "faq", + component: loadView("Faq") + } ] }); + +export default router;