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

@Component({
  selector: 'app-pipe-demo',
  standalone: true,
  imports: [CommonModule],
  template: `
    <p>{{ today | date:'fullDate' }}</p>
    <p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>
    <p>{{ username | uppercase }}</p>
    <p>{{ ratio | percent:'1.0-1' }}</p>
  `
})
export class PipeDemoComponent {
  today = new Date();
  price = 49.9;
  username = 'ada lovelace';
  ratio = 0.734;
}

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