import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { bootstrapApplication } from '@angular/platform-browser';

@Component({
  selector: 'app-task-list',
  standalone: true,
  imports: [CommonModule],
  template: `
    <ul>
      <li *ngFor="let task of tasks; index as i">
        {{ i + 1 }}. {{ task }}
      </li>
    </ul>
  `
})
export class TaskListComponent {
  tasks = ['Write report', 'Review PR', 'Deploy build'];
}

bootstrapApplication(TaskListComponent).catch((err) => console.error(err));