switch to onpush change detection

Author: chrispyles

src/app/app.component.ts

@@ -1,4 +1,9 @@
-import { Component, inject, OnInit } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  inject,
+  OnInit,
+} from '@angular/core';
 
 import { MazeComponent } from './maze/maze.component';
 import { GameStateService } from './game-state.service';
@@ -14,6 +19,7 @@ const DARK_MODE_CLASS = 'dark-mode';
   imports: [LogoComponent, MazeComponent],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AppComponent implements OnInit {
   readonly gameStateService = inject(GameStateService);

src/app/logo/logo.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 
 @Component({
   selector: 'amaze-logo',
@@ -301,6 +301,7 @@ import { Component, Input } from '@angular/core';
       }
     `,
   ],
+  changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     '[style.height]': "sizePx + 'px'",
   },

src/app/maze/maze.component.ts

@@ -1,5 +1,6 @@
 import {
   AfterViewInit,
+  ChangeDetectionStrategy,
   Component,
   ElementRef,
   inject,
@@ -18,6 +19,7 @@ import { Dir, Maze, type Node } from '../../lib';
   imports: [NodeComponent],
   templateUrl: './maze.component.html',
   styleUrl: './maze.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     '[attr.tabindex]': '0',
   },

src/app/node/node.component.ts

@@ -1,4 +1,10 @@
-import { Component, computed, inject, input } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  inject,
+  input,
+} from '@angular/core';
 import { corrupt } from 'exhaustive';
 
 import { type Node, Dir, ALL_DIRS } from '../../lib';
@@ -18,6 +24,7 @@ import { GameStateService } from '../game-state.service';
     }
   `,
   styleUrl: './node.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     '[class]': 'classes()',
     '[class.material-symbols]': 'true',