import { app, Component } from 'apprun';
import { reactive } from 'apprun-reactive';

@reactive
export default class Counter extends Component {
  state = { num: 0 }

  add = num => {
    this.state.num = this.state.num + num;
  }

  view = state => <>
    <div>{state.num}</div>
    <button onclick={()=>this.add(-1)}>-1</button>
    <button onclick={()=>this.add(+1)}>+1</button>
  </>
}
new Counter().start(document.body);