changes are done

src/app/app.routes.ts

@@ -1,57 +1,34 @@
 import { Routes } from '@angular/router';
-import { ProjectsDashboardComponent } from './pages/projects-dashboard/projects-dashboard.component';
-import { ProjectViewComponent } from './pages/project-view/project-view.component';
-import { CategoryEditorComponent } from './pages/category-editor/category-editor.component';
-import { SubcategoryEditorComponent } from './pages/subcategory-editor/subcategory-editor.component';
-import { ItemsListComponent } from './pages/items-list/items-list.component';
-import { ItemEditorComponent } from './pages/item-editor/item-editor.component';
-import { ItemPreviewComponent } from './pages/item-preview/item-preview.component';
 
 export const routes: Routes = [
   {
     path: '',
-    component: ProjectsDashboardComponent
+    loadComponent: () => import('./pages/projects-dashboard/projects-dashboard.component').then(m => m.ProjectsDashboardComponent)
   },
   {
     path: 'project/:projectId',
-    component: ProjectViewComponent,
+    loadComponent: () => import('./pages/project-view/project-view.component').then(m => m.ProjectViewComponent),
     children: [
       {
         path: 'category/:categoryId',
-        component: CategoryEditorComponent
+        loadComponent: () => import('./pages/category-editor/category-editor.component').then(m => m.CategoryEditorComponent)
       },
       {
         path: 'subcategory/:subcategoryId',
-        component: SubcategoryEditorComponent
+        loadComponent: () => import('./pages/subcategory-editor/subcategory-editor.component').then(m => m.SubcategoryEditorComponent)
       },
       {
         path: 'items/:subcategoryId',
-        component: ItemsListComponent
+        loadComponent: () => import('./pages/items-list/items-list.component').then(m => m.ItemsListComponent)
       },
       {
         path: 'item/:itemId',
-        component: ItemEditorComponent
+        loadComponent: () => import('./pages/item-editor/item-editor.component').then(m => m.ItemEditorComponent)
       },
       {
         path: 'item/:itemId/preview',
-        component: ItemPreviewComponent
+        loadComponent: () => import('./pages/item-preview/item-preview.component').then(m => m.ItemPreviewComponent)
       }
     ]
-  },
-  {
-    path: 'category/:categoryId',
-    component: CategoryEditorComponent
-  },
-  {
-    path: 'subcategory/:subcategoryId',
-    component: SubcategoryEditorComponent
-  },
-  {
-    path: 'items/:subcategoryId',
-    component: ItemsListComponent
-  },
-  {
-    path: 'item/:itemId',
-    component: ItemEditorComponent
   }
 ];