fix: add standalone: false to playground components for Angular 19 compatibility

Author: yogeshchoudhary147

projects/playground/.eslintrc.json

@@ -28,7 +28,8 @@
             "prefix": "app",
             "style": "camelCase"
           }
-        ]
+        ],
+        "@angular-eslint/prefer-standalone": "off"
       }
     },
     {

projects/playground/src/app/app.component.ts

@@ -11,6 +11,7 @@ import { LogoutOptions } from 'projects/auth0-angular/src/lib/interfaces';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  standalone: false,
 })
 export class AppComponent implements OnInit {
   isAuthenticated$ = this.auth.isAuthenticated$;

projects/playground/src/app/components/child-route.component.ts

@@ -8,5 +8,6 @@ import { Component } from '@angular/core';
     <router-outlet></router-outlet>
   `,
   styles: [],
+  standalone: false,
 })
 export class ChildRouteComponent {}

projects/playground/src/app/components/error.component.ts

@@ -4,5 +4,6 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-error',
   template: '<p data-cy="error">Error!</p>',
   styles: [],
+  standalone: false,
 })
 export class ErrorComponent {}

projects/playground/src/app/components/lazy-module.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-lazy-module',
   template: '<p data-cy="lazy-module">lazy-module works!</p>',
   styles: [],
+  standalone: false,
 })
 export class LazyModuleComponent {}

projects/playground/src/app/components/nested-child-route.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-nested-child-route',
   template: ` <p data-cy="nested-child-route">Nested child-route works!</p> `,
   styles: [],
+  standalone: false,
 })
 export class NestedChildRouteComponent {}

projects/playground/src/app/components/protected.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-protected',
   template: '<p data-cy="protected">This route is protected!</p>',
   styles: [],
+  standalone: false,
 })
 export class ProtectedComponent {}

projects/playground/src/app/components/unprotected.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-unprotected',
   template: '<p data-cy="unprotected">This route is unprotected!</p>',
   styles: [],
+  standalone: false,
 })
 export class UnprotectedComponent {}