refactor: add footer component

edbzn · Nov 7, 2023 · ee9b46d · ee9b46d
1 parent 681ca2d
commit ee9b46d
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/projects/todo-mvc/src/app/app.component.ts b/projects/todo-mvc/src/app/app.component.ts
@@ -2,19 +2,18 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { TodoListComponent } from './todo-list.component';
 
 @Component({
-  selector: 'app-root',
+  selector: 'app-footer',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [TodoListComponent],
   template: `
-    <app-todo-list />
     <footer>
       <strong>Fully zoneless Angular app</strong> using
       <code>
         <a
           href="https://github.com/rx-angular/rx-angular/blob/master/libs/state/README.md"
         >
-          &#64;rx-angular/state</a>
+          &#64;rx-angular/state</a
+        >
       </code>
       to manage state and
       <code>
@@ -26,5 +25,17 @@ import { TodoListComponent } from './todo-list.component';
       to detect changes.
     </footer>
   `,
+}) class FooterComponent {}
+
+
+@Component({
+  selector: 'app-root',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [TodoListComponent, FooterComponent],
+  template: `
+    <app-todo-list />
+    <app-footer />
+  `,
 })
 export class AppComponent {}