Class App

examples/angular/panel/src/app/app.ts:33–48

  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class App {
  readonly plugins = signal<TanStackDevtoolsAngularPlugin[]>([
    {
      name: 'Custom devtools (Panel)',
      render: CustomDevtoolPanel,
    },
    customDevtoolPlugin(),
    // No-op plugin -> will not be rendered
    noOpCustomDevtoolPlugin(),
  ])

  readonly counter = createCounter()

  readonly increment = () => this.counter.increment()
  readonly decrement = () => this.counter.decrement()
}