revert: remove standalone migration changes from playground

Author: yogeshchoudhary147

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

@@ -31,7 +31,8 @@ describe('AppComponent', () => {
     } as any;
 
     TestBed.configureTestingModule({
-      imports: [AppComponent, RouterTestingModule, ReactiveFormsModule],
+      declarations: [AppComponent],
+      imports: [RouterTestingModule, ReactiveFormsModule],
       providers: [
         {
           provide: AuthService,

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

@@ -1,35 +1,16 @@
 import { Component, Inject, OnInit } from '@angular/core';
-import {
-  UntypedFormGroup,
-  UntypedFormControl,
-  ReactiveFormsModule,
-} from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 import { AuthService } from '../../../auth0-angular/src/lib/auth.service';
 import { iif } from 'rxjs';
 import { first } from 'rxjs/operators';
-import {
-  DOCUMENT,
-  AsyncPipe,
-  JsonPipe,
-  UpperCasePipe,
-  NgIf,
-} from '@angular/common';
+import { DOCUMENT } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { LogoutOptions } from 'projects/auth0-angular/src/lib/interfaces';
-import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
-  imports: [
-    AsyncPipe,
-    JsonPipe,
-    UpperCasePipe,
-    NgIf,
-    ReactiveFormsModule,
-    RouterOutlet,
-  ],
 })
 export class AppComponent implements OnInit {
   isAuthenticated$ = this.auth.isAuthenticated$;

projects/playground/src/app/app.module.ts

@@ -35,20 +35,24 @@ const configInitializer =
       .then((loadedConfig: any) => config.set(loadedConfig)); // Set the config that was loaded asynchronously here
 
 @NgModule({
-  declarations: [],
-  bootstrap: [AppComponent],
-  imports: [
-    BrowserModule,
-    AppRoutingModule,
-    ReactiveFormsModule,
-    AuthModule.forRoot(/* authConfig */),
+  declarations: [
     AppComponent,
     ProtectedComponent,
     UnprotectedComponent,
     ChildRouteComponent,
     NestedChildRouteComponent,
     ErrorComponent,
   ],
+  bootstrap: [AppComponent],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    ReactiveFormsModule,
+    // This playground has been configured by default to use dynamic configuration.
+    // If you wish to specify configuration to `forRoot` directly, uncomment `authConfig`
+    // here, and comment out the APP_INITIALIZER config in the providers array below.
+    AuthModule.forRoot(/* authConfig */),
+  ],
   providers: [
     {
       provide: APP_INITIALIZER,

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

@@ -1,5 +1,4 @@
 import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-child-route',
@@ -9,6 +8,5 @@ import { RouterOutlet } from '@angular/router';
     <router-outlet></router-outlet>
   `,
   styles: [],
-  imports: [RouterOutlet],
 })
 export class ChildRouteComponent {}

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

@@ -5,7 +5,7 @@ import { LazyModuleRoutingModule } from './lazy-module-routing.module';
 import { LazyModuleComponent } from './components/lazy-module.component';
 
 @NgModule({
-  declarations: [],
-  imports: [CommonModule, LazyModuleRoutingModule, LazyModuleComponent],
+  declarations: [LazyModuleComponent],
+  imports: [CommonModule, LazyModuleRoutingModule],
 })
 export class LazyModuleModule {}