fix(create-analog): fix app component in templates

Author: brandonroberts

packages/create-analog/template-blog/src/app/app.spec.ts

@@ -2,18 +2,18 @@ import { TestBed } from '@angular/core/testing';
 import { provideRouter } from '@angular/router';
 import { provideLocationMocks } from '@angular/common/testing';
 
-import { AppComponent } from './app';
+import { App } from './app';
 
-describe('AppComponent', () => {
+describe('App', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AppComponent],
+      imports: [App],
       providers: [provideRouter([]), provideLocationMocks()],
     }).compileComponents();
   });
 
   it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
+    const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });

packages/create-analog/template-blog/src/app/app.ts

@@ -25,4 +25,4 @@ import { RouterLink, RouterOutlet } from '@angular/router';
     }
   `,
 })
-export class AppComponent {}
+export class App {}

packages/create-analog/template-blog/src/app/pages/blog/[slug].page.ts

@@ -21,6 +21,6 @@ import PostAttributes from '../../post-attributes';
     }
   `,
 })
-export default class BlogPostComponent {
+export default class BlogPost {
   readonly post$ = injectContent<PostAttributes>('slug');
 }

packages/create-analog/template-blog/src/app/pages/blog/index.page.ts

@@ -30,6 +30,6 @@ import PostAttributes from '../../post-attributes';
     }
   `,
 })
-export default class BlogComponent {
+export default class Blog {
   readonly posts = injectContentFiles<PostAttributes>();
 }

packages/create-analog/template-blog/src/main.server.ts

@@ -2,7 +2,7 @@ import 'zone.js/node';
 import '@angular/platform-server/init';
 import { render } from '@analogjs/router/server';
 
-__APP_COMPONENT_IMPORT__
+import { App } from './app/app';
 import { config } from './app/app.config.server';
 
-export default render(__APP_COMPONENT__, config);
+export default render(App, config);

packages/create-analog/template-blog/src/main.ts

@@ -1,7 +1,7 @@
 import 'zone.js';
 import { bootstrapApplication } from '@angular/platform-browser';
 
-__APP_COMPONENT_IMPORT__
+import { App } from './app/app';
 import { appConfig } from './app/app.config';
 
-bootstrapApplication(__APP_COMPONENT__, appConfig);
+bootstrapApplication(App, appConfig);

packages/create-analog/template-latest/src/app/app.spec.ts

@@ -2,18 +2,18 @@ import { TestBed } from '@angular/core/testing';
 import { provideRouter } from '@angular/router';
 import { provideLocationMocks } from '@angular/common/testing';
 
-import { AppComponent } from './app';
+import { App } from './app';
 
-describe('AppComponent', () => {
+describe('App', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AppComponent],
+      imports: [App],
       providers: [provideRouter([]), provideLocationMocks()],
     }).compileComponents();
   });
 
   it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
+    const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });

packages/create-analog/template-latest/src/app/app.ts

@@ -14,4 +14,4 @@ import { RouterOutlet } from '@angular/router';
     }
   `,
 })
-export class AppComponent {}
+export class App {}

packages/create-analog/template-latest/src/app/pages/analog-welcome.ts

@@ -257,6 +257,7 @@ import { Component } from '@angular/core';
 })
 export class AnalogWelcome {
   count = 0;
+
   increment() {
     this.count++;
   }

packages/create-analog/template-latest/src/app/pages/index.page.ts

@@ -9,5 +9,4 @@ import { AnalogWelcome } from './analog-welcome';
      <app-analog-welcome/>
   `,
 })
-export default class HomeComponent {
-}
+export default class Home {}