chore(demo): narrow string literal types with as const

Author: michael-small

apps/demo/src/app/flight-search-with-pagination/flight-search-with-pagination.component.ts

@@ -26,7 +26,7 @@ export class FlightSearchWithPaginationComponent {
   searchParams: { from: string; to: string } = { from: 'Wien', to: '' };
   flightStore = inject(FlightBookingStore);
 
-  displayedColumns: string[] = ['from', 'to', 'date'];
+  displayedColumns = ['from', 'to', 'date'] as const;
   dataSource = new MatTableDataSource<Flight>([]);
   selection = new SelectionModel<Flight>(true, []);
 

apps/demo/src/app/reset/todo.component.ts

@@ -53,7 +53,7 @@ import { TodoStore } from './todo-store';
 export class TodoComponent {
   todoStore = inject(TodoStore);
 
-  displayedColumns: string[] = ['finished', 'name'];
+  displayedColumns = ['finished', 'name'] as const;
   dataSource = new MatTableDataSource<Todo>([]);
   selection = new SelectionModel<Todo>(true, []);
 

apps/demo/src/app/todo-indexeddb-sync/todo-indexeddb-sync.component.ts

@@ -16,7 +16,7 @@ import { SyncedTodoStore } from './synced-todo-store';
 export class TodoIndexeddbSyncComponent {
   todoStore = inject(SyncedTodoStore);
 
-  displayedColumns: string[] = ['finished', 'name', 'description', 'deadline'];
+  displayedColumns = ['finished', 'name', 'description', 'deadline'] as const;
   dataSource = new MatTableDataSource<Todo>([]);
   selection = new SelectionModel<Todo>(true, []);
 

apps/demo/src/app/todo-storage-sync/todo-storage-sync.component.ts

@@ -15,7 +15,7 @@ import { SyncedTodoStore } from './synced-todo-store';
 export class TodoStorageSyncComponent {
   todoStore = inject(SyncedTodoStore);
 
-  displayedColumns: string[] = ['finished', 'name', 'description', 'deadline'];
+  displayedColumns = ['finished', 'name', 'description', 'deadline'] as const;
   dataSource = new MatTableDataSource<Todo>([]);
   selection = new SelectionModel<Todo>(true, []);