Upgrade to Nx v19 & Angular v18

.eslintrc.json

@@ -56,12 +56,18 @@
     {
       "files": ["*.ts", "*.tsx"],
       "extends": ["plugin:@nx/typescript"],
-      "rules": {}
+      "rules": {
+        "@typescript-eslint/no-extra-semi": "error",
+        "no-extra-semi": "off"
+      }
     },
     {
       "files": ["*.js", "*.jsx"],
       "extends": ["plugin:@nx/javascript"],
-      "rules": {}
+      "rules": {
+        "@typescript-eslint/no-extra-semi": "error",
+        "no-extra-semi": "off"
+      }
     },
     {
       "files": "*.json",

.gitignore

@@ -45,4 +45,5 @@ Thumbs.db
 
 **/doc-page-loaders.ts
 
-.nx/cache
+.nx/cache
+.nx/workspace-data

.prettierignore

@@ -4,4 +4,5 @@
 /coverage
 **/project.json
 
-/.nx/cache
+/.nx/cache
+/.nx/workspace-data

libs/ng-doc-portal-plugin/package.json

@@ -7,8 +7,8 @@
   "executors": "./executors.json",
   "peerDependencies": {
     "prettier": "^3.2.5",
-    "@nx/devkit": "^18.0.0",
-    "@nx/angular": "^18.0.0"
+    "@nx/devkit": "^19.0.0",
+    "@nx/angular": "^19.0.0"
   },
   "dependencies": {
     "@phenomnomnominal/tsquery": "^6.0.0",

libs/ng-doc-portal/package.json

@@ -3,11 +3,11 @@
   "description": "Documentation portal system written natively in Angular",
   "version": "v1.8.0",
   "peerDependencies": {
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/router": "^17.0.0",
-    "@angular/platform-browser": "^17.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/forms": "^18.0.0",
+    "@angular/router": "^18.0.0",
+    "@angular/platform-browser": "^18.0.0",
     "tslib": "^2.3.0"
   },
   "dependencies": {

libs/ng-doc-portal/src/lib/components/code-snippet/code-snippet.component.html

@@ -1,6 +1,9 @@
-<pre *ngIf="!displayError">
-  <code [highlight]="displayCode" [languages]="['typescript', 'html']"></code>
-  <button class="code-snippet-copy-button" (click)="copyToClipboard()">{{ buttonText | async }}</button>
-</pre>
-<div class="hljs hljs-deletion" *ngIf="displayError">{{ displayError }}</div>
+@if (displayError) {
+  <div class="hljs hljs-deletion">{{ displayError }}</div>
+} @else {
+  <pre>
+    <code [highlight]="displayCode" [languages]="['typescript', 'html']"></code>
+    <button class="code-snippet-copy-button" (click)="copyToClipboard()">{{ buttonText | async }}</button>
+  </pre>
+}
 <div [hidden]="true" #content><ng-content></ng-content></div>

libs/ng-doc-portal/src/lib/components/code-snippet/code-snippet.component.ts

@@ -1,4 +1,4 @@
-import { AsyncPipe, NgIf } from '@angular/common';
+import { AsyncPipe } from '@angular/common';
 import {
   AfterViewInit,
   ChangeDetectorRef,
@@ -27,7 +27,7 @@ import {
   selector: 'ngdp-code-snippet',
   standalone: true,
   templateUrl: './code-snippet.component.html',
-  imports: [NgIf, AsyncPipe, HighlightModule],
+  imports: [AsyncPipe, HighlightModule],
 })
 export class CodeSnippetComponent
   implements AfterViewInit, OnChanges, OnDestroy