import Vue from "vue";
import Router from "vue-router";
-import Home from "./views/Home.vue";
+import Hall from "./views/Hall.vue";
Vue.use(Router);
routes: [
{
path: "/",
- name: "home",
- component: Home,
+ name: "hall",
+ component: Hall,
},
{
- 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: "/variants",
+ name: "variants",
+ component: loadView("Variants"),
},
- {
- path: "/test",
- name: "test",
- component: loadView("Test"),
- },
+ {
+ path: "/variants/:vname([a-zA-Z0-9]+)",
+ name: "rules",
+ component: loadView("Rules"),
+ },
+// {
+// 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");
+// //}
+// },
// TODO: gameRef, problemId: https://router.vuejs.org/guide/essentials/dynamic-matching.html
]
});