chore(app): upgrade to angular 21 and update dependencies

- Enable `esModuleInterop` in TypeScript configuration.
- Remove unused translation entries.
- Update package and peer dependencies to align with Angular 21.
- Adjust project guidelines to reference Angular 21.

Author: Ismaestro

.junie/guidelines.md

@@ -1,4 +1,4 @@
-### Angular Example App — Project Guidelines (Angular 20)
+### Angular Example App — Project Guidelines (Angular 21)
 
 These notes capture project-specific conventions and commands so advanced contributors can be productive quickly. This app uses Angular v20 with standalone components, signals-first patterns, Vitest for unit tests (via the experimental Angular unit-test builder), and Playwright for E2E.
 

CHANGELOG.md

@@ -1,3 +1,15 @@
+<a name="21.0.0"></a>
+
+# 21.0.0 (2025-11-22)
+
+### Angular 21
+
+| Type  | Description                  |
+| ----- | ---------------------------- |
+| chore | update angular version to 21 |
+
+---
+
 <a name="20.0.0"></a>
 
 # 20.0.0 (2025-10-30)

README.md

@@ -50,7 +50,7 @@ This app connects to a real backend powered by NestJS, PostgreSQL, and Prisma, d
 
 |                         |                                                     |
 | ----------------------- | --------------------------------------------------- |
-| ✅ Angular 20           | Using the latest version                            |
+| ✅ Angular 21           | Using the latest version                            |
 | ✅ Internationalization | i18n with English and Spanish                       |
 | ✅ Authentication       | JWT-based, real login flow                          |
 | ✅ Routing & Guards     | Functional guards with lazy-loaded routes           |

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angularexampleapp",
-  "version": "20.0.0",
+  "version": "21.0.0",
   "type": "module",
   "scripts": {
     "prepare": "husky",
@@ -10,9 +10,9 @@
     "format:check": "prettier --check \"**/*.{ts,js,json,html,css,scss,md,mdx}\"",
     "format:fix": "prettier --write \"**/*.{ts,js,json,html,css,scss,md,mdx}\"",
     "lint": "ng lint && stylelint \"**/*.{css,scss}\"",
-    "test": "ng test --no-code-coverage --no-watch",
-    "test:coverage": "ng test --code-coverage --no-watch",
-    "test:watch": "ng test --no-code-coverage",
+    "test": "ng test --no-watch",
+    "test:watch": "ng test",
+    "test:coverage": "ng test --coverage --no-watch",
     "e2e:local": "BASE_URL=http://localhost:4200 playwright test --project=chromium",
     "e2e:pro": "playwright test --project=chromium",
     "playwright:install": "playwright install && playwright install-deps",
@@ -24,17 +24,17 @@
     "verify": "npm run format:check && npm run test && npm run script:e2e:local && npm run build && npm run script:lighthouse"
   },
   "dependencies": {
-    "@angular/animations": "20.3.7",
-    "@angular/common": "20.3.7",
-    "@angular/compiler": "20.3.7",
-    "@angular/core": "20.3.7",
-    "@angular/forms": "20.3.7",
-    "@angular/localize": "20.3.7",
-    "@angular/platform-browser": "20.3.7",
-    "@angular/platform-browser-dynamic": "20.3.7",
-    "@angular/platform-server": "20.3.7",
-    "@angular/router": "20.3.7",
-    "@angular/ssr": "20.3.7",
+    "@angular/animations": "21.0.0",
+    "@angular/common": "21.0.0",
+    "@angular/compiler": "21.0.0",
+    "@angular/core": "21.0.0",
+    "@angular/forms": "21.0.0",
+    "@angular/localize": "21.0.0",
+    "@angular/platform-browser": "21.0.0",
+    "@angular/platform-browser-dynamic": "21.0.0",
+    "@angular/platform-server": "21.0.0",
+    "@angular/router": "21.0.0",
+    "@angular/ssr": "21.0.0",
     "@shoelace-style/shoelace": "2.20.1",
     "rxjs": "7.8.2",
     "tslib": "2.8.1"
@@ -45,9 +45,9 @@
     "@angular-eslint/eslint-plugin-template": "20.5.0",
     "@angular-eslint/schematics": "20.5.0",
     "@angular-eslint/template-parser": "20.5.0",
-    "@angular/build": "20.3.7",
-    "@angular/cli": "20.3.7",
-    "@angular/compiler-cli": "20.3.7",
+    "@angular/build": "21.0.0",
+    "@angular/cli": "21.0.0",
+    "@angular/compiler-cli": "21.0.0",
     "@commitlint/cli": "20.1.0",
     "@commitlint/config-conventional": "20.0.0",
     "@eslint/js": "9.38.0",
@@ -57,7 +57,7 @@
     "@typescript-eslint/parser": "8.46.2",
     "@typescript-eslint/types": "8.46.2",
     "@typescript-eslint/utils": "8.46.2",
-    "@vitest/coverage-v8": "4.0.4",
+    "@vitest/coverage-v8": "4.0.13",
     "angular-eslint": "20.5.0",
     "axe-core": "4.11.0",
     "chrome-launcher": "1.2.1",
@@ -67,7 +67,7 @@
     "eslint-plugin-prettier": "5.5.4",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-unicorn": "62.0.0",
-    "http-serve": "^1.0.1",
+    "http-serve": "1.0.1",
     "husky": "9.1.7",
     "jsdom": "27.0.1",
     "lighthouse": "12.8.2",
@@ -83,7 +83,7 @@
     "ts-loader": "9.5.4",
     "typescript": "5.9.3",
     "typescript-eslint": "8.46.2",
-    "vitest": "4.0.4",
+    "vitest": "4.0.13",
     "wait-on": "9.0.1"
   },
   "engines": {

package.json

@@ -173,10 +173,6 @@
         <source>EN-US</source>
         <target state="new">EN-US</target>
       </trans-unit>
-      <trans-unit id="3959583247915483678" datatype="html">
-        <source>Page load progress</source>
-        <target state="new">Progreso de carga de la página</target>
-      </trans-unit>
       <trans-unit id="203827529942340818" datatype="html">
         <source>Enter your email</source>
         <target state="new">Introduce tu correo electrónico</target>

src/locale/messages.es.xlf

@@ -122,9 +122,6 @@
       <trans-unit id="3792117578788899429" datatype="html">
         <source>Invalid credentials. Not very effective, try again!</source>
       </trans-unit>
-      <trans-unit id="3959583247915483678" datatype="html">
-        <source>Page load progress</source>
-      </trans-unit>
       <trans-unit id="4022823352084662376" datatype="html">
         <source>Register failed. This attempt wasn’t very effective, try again!</source>
       </trans-unit>

src/locale/messages.xlf

@@ -13,7 +13,7 @@
     "forceConsistentCasingInFileNames": true,
     "skipLibCheck": true,
     "isolatedModules": true,
-    "esModuleInterop": false,
+    "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
     "noUnusedLocals": true,