chore(nx): Upgrade to Nx 18 - align apps

Author: jogelin

apps/mfe1/.eslintrc.json

@@ -13,15 +13,15 @@
           "error",
           {
             "type": "attribute",
-            "prefix": "angularArchitects",
+            "prefix": "mfe1",
             "style": "camelCase"
           }
         ],
         "@angular-eslint/component-selector": [
           "error",
           {
             "type": "element",
-            "prefix": "angular-architects",
+            "prefix": "mfe1",
             "style": "kebab-case"
           }
         ]

apps/mfe1/project.json

@@ -2,7 +2,7 @@
   "name": "mfe1",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "prefix": "angular-architects",
+  "prefix": "mfe1",
   "sourceRoot": "apps/mfe1/src",
   "tags": [],
   "targets": {

apps/mfe1/src/app/app.component.html

@@ -1 +1,2 @@
-<angular-architects-nx-welcome></angular-architects-nx-welcome>
+<mfe1-nx-welcome></mfe1-nx-welcome>
+<router-outlet></router-outlet>

apps/mfe1/src/app/app.component.spec.ts

@@ -1,9 +1,13 @@
 import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { NxWelcomeComponent } from './nx-welcome.component';
 
 @Component({
-  selector: 'angular-architects-root',
+  standalone: true,
+  imports: [NxWelcomeComponent, RouterModule],
+  selector: 'mfe1-app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css'],
+  styleUrl: './app.component.css',
 })
 export class AppComponent {
   title = 'mfe1';

apps/mfe1/src/app/app.component.ts

@@ -0,0 +1,7 @@
+import { ApplicationConfig } from '@angular/core';
+import { provideRouter } from '@angular/router';
+import { appRoutes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideRouter(appRoutes)],
+};

apps/mfe1/src/app/app.config.ts

@@ -0,0 +1,3 @@
+import { Route } from '@angular/router';
+
+export const appRoutes: Route[] = [];