add name in router

frontend/src/router/index.ts

@@ -7,10 +7,12 @@ const router = createRouter({
   routes: [
     {
       path: "/",
+      name:'/',
       component: () => import(/* webpackChunkName: "start" */ '@/views/main/Start.vue'),
       children:[
         {
           path: 'login',
+          name: 'login',
           // route level code-splitting
           // this generates a separate chunk (about.[hash].js) for this route
           // which is lazy-loaded when the route is visited.
@@ -18,49 +20,60 @@ const router = createRouter({
         },
         {
           path: 'signup',
+          name: 'signup',
           component: () => import(/* webpackChunkName: "login" */ '@/views/Signup.vue'),
         },
         {
           path: 'recover-password',
+          name: 'recover-password',
           component: () => import(/* webpackChunkName: "recover-password" */ '@/views/PasswordRecovery.vue'),
         },
         {
           path: 'reset-password',
+          name: 'reset-password',
           component: () => import(/* webpackChunkName: "reset-password" */ '@/views/ResetPassword.vue'),
         },
         {
           path: 'main',
+          name: 'main',
           component: () => import(/* webpackChunkName: "main" */ '@/views/main/Main.vue'),
           children: [
             {
               path: 'dashboard',
+              name: 'dashboard',
               component: () => import(/* webpackChunkName: "main-dashboard" */ '@/views/main/Dashboard.vue'),
             },
             {
               path: 'make-video',
+              name: 'make-video',
               component: () => import ('@/views/main/Upload.vue'),
             },
             {
               path: 'progress',
+              name: 'progress',
               component: () => import ('@/views/main/Progress.vue'),
             },
             {
               path: 'profile',
+              name: 'profile',
               component: RouterComponent,
               redirect: "/main/profile/view",
               children: [
                 {
                   path: 'view',
+                  name: 'view',
                   component: () => import(
                     /* webpackChunkName: "main-profile" */ '@/views/main/profile/UserProfile.vue'),
                 },
                 {
                   path: 'edit',
+                  name: 'edit',
                   component: () => import(
                     /* webpackChunkName: "main-profile-edit" */ '@/views/main/profile/UserProfileEdit.vue'),
                 },
                 {
                   path: 'password',
+                  name: 'password',
                   component: () => import(
                     /* webpackChunkName: "main-profile-password" */ '@/views/main/profile/UserProfileEditPassword.vue'),
                 },
@@ -68,15 +81,18 @@ const router = createRouter({
             },
             {
               path: 'admin',
+              name: 'admin',
               component: () => import(/* webpackChunkName: "main-admin" */ '@/views/main/admin/Admin.vue'),
               redirect: '/main/admin/users/all',
               children: [
                 {
                   path: 'users',
+                  name: 'users',
                   redirect: '/main/admin/users/all',
                 },
                 {
                   path: 'users/all',
+                  name: 'all-users',
                   component: () => import(
                     /* webpackChunkName: "main-admin-users" */ '@/views/main/admin/AdminUsers.vue'),
                 },

frontend/src/views/main/Progress.vue

@@ -17,7 +17,7 @@
       </template>
       <template v-slot:item.id="{ item }">
         <v-btn flat :to="{name: 'main-admin-users-edit', params: {id: item.columns.id}}">
-          <v-icon icon="edit"/>
+          <v-icon icon="download"/>
           <v-tooltip location="top" activator="parent">Edit</v-tooltip>
         </v-btn>
       </template>

frontend/vite.config.ts

@@ -14,7 +14,7 @@ export default defineConfig({
   },
   server: {
     host: "0.0.0.0",
-    port: 8080,
+    port: 5173,
   },
   define: {
     __VUE_I18N_FULL_INSTALL__: true,