Update router/index.js

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
   },
 ];