docs: migrate toh-pt0 to standalone (angular#51575)

PR Close angular#51575

aio/content/examples/toh-pt0/src/app/app.component.ts

@@ -1,12 +1,13 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
+  standalone: true,
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
-// #docregion set-title
+  // #docregion set-title
   title = 'Tour of Heroes';
-// #enddocregion set-title
+  // #enddocregion set-title
 }

aio/content/examples/toh-pt0/src/main.ts

@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {bootstrapApplication, provideProtractorTestingSupport} from '@angular/platform-browser';
 
-import { AppModule } from './app/app.module';
+import {AppComponent} from './app/app.component';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+bootstrapApplication(AppComponent, {
+  providers: [provideProtractorTestingSupport()],
+});

aio/content/tutorial/tour-of-heroes/toh-pt0.md

@@ -152,4 +152,4 @@ Here are the code files discussed on this page.
 *   You learned that Angular components display data
 *   You used the double curly braces of interpolation to display the application title
 
-@reviewed 2022-02-28
+@reviewed 2023-08-30