1- import { ChangeDetectionStrategy , Component } from '@angular/core'
2- import { createCounter } from './counter'
3- import { TanStackDevtools } from '@tanstack/angular-devtools'
4- import { injectDevtoolsPlugins } from '@tanstack/angular-devtools/provider'
1+ import { ChangeDetectionStrategy , Component } from '@angular/core' ;
2+ import { createCounter } from './counter' ;
3+ import { injectDevtoolsPlugins } from '@tanstack/angular-devtools/provider' ;
54
65@Component ( {
76 selector : 'app-root' ,
8- imports : [ TanStackDevtools ] ,
97 template : `
108 <div>
119 <h1>Custom plugins</h1>
@@ -21,11 +19,11 @@ import { injectDevtoolsPlugins } from '@tanstack/angular-devtools/provider'
2119 changeDetection : ChangeDetectionStrategy . OnPush ,
2220} )
2321export class App {
24- readonly counter = createCounter ( )
25- readonly devtoolsPlugins = injectDevtoolsPlugins ( )
22+ readonly counter = createCounter ( ) ;
23+ readonly devtoolsPlugins = injectDevtoolsPlugins ( ) ;
2624
27- readonly increment = ( ) => this . counter . increment ( )
28- readonly decrement = ( ) => this . counter . decrement ( )
25+ readonly increment = ( ) => this . counter . increment ( ) ;
26+ readonly decrement = ( ) => this . counter . decrement ( ) ;
2927
3028 readonly addPlugin = ( ) => {
3129 this . devtoolsPlugins . update ( ( n ) => [
@@ -34,6 +32,6 @@ export class App {
3432 name : `Custom devtools ${ n . length + 1 } ` ,
3533 render : ( ) => import ( './devtools/custom-devtools-panel' ) ,
3634 } ,
37- ] )
38- }
35+ ] ) ;
36+ } ;
3937}
0 commit comments