Vue, back edited,added

frontend/src/router/index.js

@@ -1,9 +1,4 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import MainView from '@/views/MainView.vue'
-import AuthView from '@/views/AuthView.vue'
-import CatalogView from "@/views/CatalogView.vue";
-import ProfileView from "@/views/ProfileView.vue";
-import OfferView from "@/views/OfferView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -11,27 +6,27 @@ const router = createRouter({
     {
       path: '/',
       name: 'home',
-      component: MainView
+      component: () => import(/* webpackChunkName: "MainView" */ '@/views/MainView.vue')
     },
     {
       path: '/auth',
       name: 'auth',
-      component: AuthView
+      component: () => import(/* webpackChunkName: "AuthView" */ '@/views/AuthView.vue')
     },
     {
       path: '/catalog',
       name: 'catalog',
-      component: CatalogView
+      component: () => import(/* webpackChunkName: "CatalogView" */ '@/views/CatalogView.vue')
     },
     {
       path: '/profile',
       name: 'profile',
-      component: ProfileView
+      component: () => import(/* webpackChunkName: "ProfileView" */ '@/views/ProfileView.vue')
     },
     {
       path: '/catalog/:id',
       name: 'offer',
-      component: OfferView
+      component: () => import(/* webpackChunkName: "OfferView" */ '@/views/OfferView.vue')
     },
   ]
 })