refactor: migration to lazy-loaded routes

Author: xidedix

src/app/app.routes.ts

@@ -1,5 +1,4 @@
 import { Routes } from '@angular/router';
-import { DefaultLayoutComponent } from './layout';
 
 export const routes: Routes = [
   {
@@ -9,7 +8,7 @@ export const routes: Routes = [
   },
   {
     path: '',
-    component: DefaultLayoutComponent,
+    loadComponent: () => import('./layout').then(m => m.DefaultLayoutComponent),
     data: {
       title: 'Home'
     },

src/app/views/base/routes.ts

@@ -84,7 +84,7 @@ export const routes: Routes = [
       },
       {
         path: 'progress',
-        loadComponent: () => import('./progress/progress.component').then(m => m.ProgressComponent),
+        loadComponent: () => import('./progress/progress.component').then(m => m.AppProgressComponent),
         data: {
           title: 'Progress'
         }

src/app/views/charts/routes.ts

@@ -1,13 +1,7 @@
 import { Routes } from '@angular/router';
 
-import { ChartsComponent } from './charts.component';
-
-export const routes: Routes = [
-  {
-    path: '',
-    component: ChartsComponent,
-    data: {
-      title: 'Charts'
-    }
+export const routes: Routes = [{
+  path: '', loadComponent: () => import('./charts.component').then(m => m.ChartsComponent), data: {
+    title: 'Charts'
   }
-];
+}];