feat(nx): upgrade nx 20 and angular 19

apps/angular/1-projection/project.json

@@ -7,12 +7,12 @@
   "tags": [],
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:application",
+      "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/apps/angular/1-projection",
         "index": "apps/angular/1-projection/src/index.html",
-        "browser": "apps/angular/1-projection/src/main.ts",
+        "main": "apps/angular/1-projection/src/main.ts",
         "polyfills": ["apps/angular/1-projection/src/polyfills.ts"],
         "tsConfig": "apps/angular/1-projection/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
@@ -41,7 +41,9 @@
           "outputHashing": "all"
         },
         "development": {
+          "buildOptimizer": false,
           "optimization": false,
+          "vendorChunk": true,
           "extractLicenses": false,
           "sourceMap": true,
           "namedChunks": true

apps/angular/1-projection/src/app/app.component.ts

@@ -7,12 +7,11 @@ import { TeacherCardComponent } from './component/teacher-card/teacher-card.comp
   selector: 'app-root',
   template: `
     <div class="grid grid-cols-3 gap-3">
-      <app-teacher-card></app-teacher-card>
-      <app-student-card></app-student-card>
-      <app-city-card></app-city-card>
+      <app-teacher-card />
+      <app-student-card />
+      <app-city-card />
     </div>
   `,
-  standalone: true,
   imports: [TeacherCardComponent, StudentCardComponent, CityCardComponent],
 })
 export class AppComponent {}

apps/angular/1-projection/src/app/component/city-card/city-card.component.ts

@@ -3,7 +3,6 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-city-card',
   template: 'TODO City',
-  standalone: true,
   imports: [],
 })
 export class CityCardComponent implements OnInit {

apps/angular/1-projection/src/app/component/student-card/student-card.component.ts

@@ -13,7 +13,6 @@ import { CardComponent } from '../../ui/card/card.component';
       [type]="cardType"
       customClass="bg-light-green"></app-card>
   `,
-  standalone: true,
   styles: [
     `
       ::ng-deep .bg-light-green {

apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts

@@ -20,7 +20,6 @@ import { CardComponent } from '../../ui/card/card.component';
       }
     `,
   ],
-  standalone: true,
   imports: [CardComponent],
 })
 export class TeacherCardComponent implements OnInit {

apps/angular/1-projection/src/app/ui/card/card.component.ts

@@ -36,7 +36,6 @@ import { ListItemComponent } from '../list-item/list-item.component';
       </button>
     </div>
   `,
-  standalone: true,
   imports: [NgIf, NgFor, ListItemComponent],
 })
 export class CardComponent {

apps/angular/1-projection/src/main.ts

@@ -1,4 +1,4 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
 
-bootstrapApplication(AppComponent);
+bootstrapApplication(AppComponent).catch((err) => console.error(err));