refactor: renamed `app` to `app.component` -- ALIGN

diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index 3a1a2969968f8acc3bb814430926d10e775be132..4ee913b4b1ccb50b4b50d53e73eb73ae99ed224e 100644 (file)
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -1,21 +1,21 @@
 import { TestBed } from '@angular/core/testing';
-import { App } from './app';
+import { AppComponent } from './app.component';
 
 describe('App', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [App],
+      imports: [AppComponent],
     }).compileComponents();
   });
 
   it('should create the app', () => {
-    const fixture = TestBed.createComponent(App);
+    const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
 
   it('should render title', () => {
-    const fixture = TestBed.createComponent(App);
+    const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
     expect(compiled.querySelector('h1')?.textContent).toContain('Hello, chatroom-frontend');

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 2075482b56ed0601783f8eba790f4d05f455bdce..76763c28a2424ad20f5de8d92f97e12d9c3e2f8c 100644 (file)
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -4,9 +4,9 @@ import { RouterOutlet } from '@angular/router';
 @Component({
   selector: 'app-root',
   imports: [RouterOutlet],
-  templateUrl: './app.html',
-  styleUrl: './app.less'
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.less'
 })
-export class App {
+export class AppComponent {
   protected readonly title = signal('chatroom-frontend');
 }

diff --git a/src/main.ts b/src/main.ts
index 5df75f9c838ea50f80ee4d5703b68dd8ac7243d4..35b00f3463311f2afe0fd0d9d5f696dbb992dff5 100644 (file)
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
-import { App } from './app/app';
+import { AppComponent } from './app/app.component';
 
-bootstrapApplication(App, appConfig)
+bootstrapApplication(AppComponent, appConfig)
   .catch((err) => console.error(err));