client/src/router.js

   1 import Vue from "vue";
   2 import Router from "vue-router";
   3 import Home from "./views/Home.vue";
   4
   5 Vue.use(Router);
   6
   7 function loadView(view) {
   8     return () => import(/* webpackChunkName: "view-[request]" */ `@/views/${view}.vue`)
   9 }
  10
  11 export default new Router({
  12   routes: [
  13     {
  14       path: "/",
  15       name: "home",
  16       component: Home,
  17     },
  18     {
  19       path: "/about",
  20       name: "about",
  21       // route level code-splitting
  22       // this generates a separate chunk (about.[hash].js) for this route
  23       // which is lazy-loaded when the route is visited.
  24       component: loadView('About'),
  25                 //function() {
  26         //  return import(/* webpackChunkName: "about" */ "./views/About.vue");
  27                 //}
  28     },
  29         {
  30             path: "/test",
  31             name: "test",
  32             component: loadView("Test"),
  33         },
  34     // TODO: gameRef, problemId: https://router.vuejs.org/guide/essentials/dynamic-matching.html
  35   ]
  36 });