refactor: move libs

apps/angular/31-module-to-standalone/src/app/app.component.ts

@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="flex gap-2">
+      <button
+        routerLink="home"
+        class="rounded-md border border-blue-400 px-4 py-2">
+        Home
+      </button>
+      <button
+        routerLink="admin"
+        class="rounded-md border border-blue-400 px-4 py-2">
+        Admin
+      </button>
+      <button
+        routerLink="user"
+        class="rounded-md border border-blue-400 px-4 py-2">
+        User
+      </button>
+    </div>
+    <router-outlet></router-outlet>
+  `,
+  host: {
+    class: 'flex flex-col p-4 gap-3',
+  },
+})
+export class AppComponent {}

apps/angular/31-module-to-standalone/src/app/app.module.ts

@@ -0,0 +1,11 @@
+import { MainShellModule } from '@angular-challenges/module-to-standalone/shell';
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, MainShellModule],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}