Angular component with pipe (user code)

component-with-pipe.ts

@Pipe({ name: 'plusOne', standalone: true })
export class PlusOnePipe implements PipeTransform {
  transform(value: number): number {
    return value + 1;
  }
}

@Component({
  selector: "app-root",
  template: `
    <div>{{ count | plusOne }}</div>
    <button (click)="count = count + 1">Increase</button>
  `,
  standalone: true,
  imports: [PlusOnePipe],
})
export class AppComponent {
  count = 0;
}