diff --git a/my-router-project/src/router/index.js b/my-router-project/src/router/index.js index 55cbf2f..6e8c9b9 100644 --- a/my-router-project/src/router/index.js +++ b/my-router-project/src/router/index.js @@ -1,7 +1,7 @@ import { createRouter, createWebHistory } from "vue-router"; import HomeView from "../views/HomeView.vue"; -import UserView from "../views/UserView.vue"; -import NotFound from "../views/NotFound.vue"; +import UserView from "../views/UserView.vue"; // stránka s dynamickou proměnou "name" +import NotFound from "../views/NotFound.vue"; // 404 stránka const routes = [ { @@ -12,21 +12,18 @@ const routes = [ { 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: () => import(/* webpackChunkName: "about" */ "../views/AboutView.vue"), }, { - path: "/user/:name", // <-- notice the colon + path: "/user/:name", //dvojtečka umožnuje dynamcikou proměnou name: "User", component: UserView, props: true, }, - { + { // Pokud stránka nebo okdaz neexistuje tak zobrazí NotFound path: "/:catchAll(.*)", - component: NotFound, + component: NotFound }, ];