#   @watch-state/decorators   [](https://www.npmjs.com/package/@watch-state/decorators) [](https://www.npmtrends.com/@watch-state/decorators) [](https://changelogs.xyz/@watch-state/decorators) [](https://github.com/d8corp/watch-state-decorators/blob/master/LICENSE) State management decorators based on [watch-state](https://www.npmjs.com/package/watch-state) ### Install npm ```bash npm i @watch-state/decorators ``` yarn ```bash yarn add @watch-state/decorators ``` ### Usage You can use one of the next decorators ```javascript import { Watch } from 'watch-state' import { state, cache, event } from '@watch-state/decorators' class Counter { // fields @state accessor value = 1 // accessors @cache get square () { return this.value ** 2 } // methods @event tick () { this.value++ } } const counter = new Counter() new Watch(() => console.log(counter.value, counter.square)) // console.log(1, 1) counter.tick() // console.log(2, 4) ```