refactor(AboutComponent): Convert to standalone (#1780)

src/app/about/about.component.spec.ts

@@ -1,6 +1,4 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-
 import { AboutComponent } from './about.component';
 
 describe('AboutComponent', () => {
@@ -9,12 +7,9 @@ describe('AboutComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [AboutComponent],
-      schemas: [NO_ERRORS_SCHEMA]
+      imports: [AboutComponent]
     }).compileComponents();
-  });
 
-  beforeEach(() => {
     fixture = TestBed.createComponent(AboutComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();

src/app/about/about.component.ts

@@ -1,12 +1,14 @@
-import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 
 @Component({
+  imports: [CommonModule, FlexLayoutModule, MatButtonModule, MatIconModule],
   selector: 'app-about',
-  templateUrl: './about.component.html',
-  styleUrls: ['./about.component.scss']
+  standalone: true,
+  styleUrl: './about.component.scss',
+  templateUrl: './about.component.html'
 })
-export class AboutComponent implements OnInit {
-  constructor() {}
-
-  ngOnInit() {}
-}
+export class AboutComponent {}

src/app/app-routing.module.ts

@@ -2,12 +2,14 @@ import { HTTP_INTERCEPTORS, HttpRequest, HttpHandler, HttpInterceptor } from '@a
 import { Injectable, NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { FormsModule } from '@angular/forms';
-
 import { PrivacyComponent } from './privacy/privacy.component';
 
 const routes: Routes = [
   { path: '', loadChildren: () => import('./home/home.module').then((m) => m.HomeModule) },
-  { path: 'about', loadChildren: () => import('./about/about.module').then((m) => m.AboutModule) },
+  {
+    path: 'about',
+    loadComponent: () => import('./about/about.component').then((m) => m.AboutComponent)
+  },
   {
     path: 'contact',
     loadChildren: () => import('./contact/contact.module').then((m) => m.ContactModule)