diff --git a/packages/website/src/utils/stackblitz.ts b/packages/website/src/utils/stackblitz.ts index 88e4aa079..99b386fc9 100644 --- a/packages/website/src/utils/stackblitz.ts +++ b/packages/website/src/utils/stackblitz.ts @@ -37,25 +37,20 @@ function getStarterFiles (framework: Framework, e: Example): ProjectFiles { return { 'src/index.html': '', 'src/main.ts': trimMultiline(` - import 'zone.js/dist/zone' - import { NgModule, Component } from '@angular/core' - import { platformBrowserDynamic } from '@angular/platform-browser-dynamic' - import { BrowserModule } from '@angular/platform-browser' + import 'zone.js' + import { Component } from '@angular/core' + import { bootstrapApplication } from '@angular/platform-browser' import { ${e.codeAngular.module.match(/export class\s*(?\S+)/).groups.name} as ComponentModule } from './${e.pathname}/${e.pathname}.module' @Component({ selector: 'app-component', + imports: [ ComponentModule ], + standalone: true, template: '<${e.pathname}>' - }) export class AppComponent { } + }) + export class AppModule {} - @NgModule({ - imports: [ BrowserModule, ComponentModule ], - declarations: [ AppComponent ], - bootstrap: [ AppComponent ] - }) - export class AppModule { } - - platformBrowserDynamic().bootstrapModule(AppModule) + bootstrapApplication(AppModule) `), [`src/${e.pathname}/${e.pathname}.component.ts`]: e.codeAngular.component, [`src/${e.pathname}/${e.pathname}.component.html`]: e.codeAngular.html,