Class App

examples/angular/with-devtools/src/app/app.ts:21–37

  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class App {
  readonly counter = createCounter()
  readonly devtoolsPlugins = injectDevtoolsPlugins()

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

  readonly addPlugin = () => {
    this.devtoolsPlugins.update((n) => [
      ...n,
      {
        name: `Custom devtools ${n.length + 1}`,
        render: () => import('./devtools/custom-devtools-panel'),
      },
    ])
  }
}