From 3469ad564c034a43cd5ade945b323e7041d58704 Mon Sep 17 00:00:00 2001
From: Maxime Urbanski <maxime@les-tilleuls.coop>
Date: Mon, 24 Jun 2024 15:17:42 +0200
Subject: [PATCH] router lazy loading

---
 .../common/sidebar/sidebar.component.html     |  2 +-
 templates/angular/app/router/foo.ts           | 21 +++++++------------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/templates/angular/app/components/common/sidebar/sidebar.component.html b/templates/angular/app/components/common/sidebar/sidebar.component.html
index e306662c..23fc1308 100644
--- a/templates/angular/app/components/common/sidebar/sidebar.component.html
+++ b/templates/angular/app/components/common/sidebar/sidebar.component.html
@@ -2,7 +2,7 @@
   <ul>
     {{#each apiResource}}
     <li class="py-2 hover:bg-neutral-100">
-      <a routerLink="/{{lowercase this}}" [routerLinkActive]="['active']">
+      <a routerLink="/{{lowercase this}}s" [routerLinkActive]="['active']">
         <div class="flex just-center items-center px-4 text-lg">
           <app-list-svg></app-list-svg>
           <span class="ml-4">{{this}}</span>
diff --git a/templates/angular/app/router/foo.ts b/templates/angular/app/router/foo.ts
index 2dc8c330..0700d127 100644
--- a/templates/angular/app/router/foo.ts
+++ b/templates/angular/app/router/foo.ts
@@ -1,23 +1,18 @@
-import {ListComponent} from "@components/{{lc}}/list/list.component";
-import {CreateComponent} from "@components/{{lc}}/create/create.component";
-import {ShowComponent} from "@components/{{lc}}/show/show.component";
-import {EditComponent} from "@components/{{lc}}/edit/edit.component";
-
 export const {{title}}Routes = [
   {
-    path: '{{lc}}',
-    component: ListComponent
+    path: '{{lc}}s',
+    loadComponent: () => import("@components/{{lc}}/list/list.component").then(c => c.ListComponent)
   },
   {
-    path: '{{lc}}/add',
-    component: CreateComponent
+    path: '{{lc}}s/add',
+    loadComponent: () => import("@components/{{lc}}/create/create.component").then(c => c.CreateComponent)
   },
   {
-    path: '{{lc}}/:id',
-    component: ShowComponent,
+    path: '{{lc}}s/:id',
+    loadComponent: () => import("@components/{{lc}}/show/show.component").then(c => c.ShowComponent),
   },
   {
-    path: '{{lc}}/:id/edit',
-    component: EditComponent
+    path: '{{lc}}s/:id/edit',
+    loadComponent: () => import("@components/{{lc}}/edit/edit.component").then(c => c.EditComponent)
   },
 ]