fix(apps*): serve target

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

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

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

@@ -1,7 +1,4 @@
-import {
-  AuthService,
-  PlaygroundLibModule,
-} from '@angular-architects/playground-lib';
+import { AuthService } from '@angular-architects/playground-lib';
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 
@@ -10,7 +7,7 @@ import { Component } from '@angular/core';
   selector: 'angular-architects-demo',
   templateUrl: './demo.component.html',
   styleUrls: ['./demo.component.css'],
-  imports: [CommonModule, PlaygroundLibModule],
+  imports: [CommonModule],
 })
 export class DemoComponent {
   title = 'Hallo';

apps/mfe1/src/bootstrap.ts

@@ -1,13 +1,11 @@
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent).catch(console.error);

apps/mfe2/src/app/app.component.ts

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

apps/mfe2/src/bootstrap.ts

@@ -1,13 +1,11 @@
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent).catch(console.error);

apps/playground/src/bootstrap.ts

@@ -1,13 +1,11 @@
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent).catch(console.error);

libs/playground-lib/src/index.ts

@@ -1,3 +1,2 @@
-export * from './lib/playground-lib.module';
-export * from './lib/auth.service';
 export * from './lib/auth.component';
+export * from './lib/auth.service';