Alternative API

[egoist]

https://github.com/jamiebuilds/unstated

<store-consumer>
    <button slot-scope={state}>{{state.count}}<button>
</store-consumer>

[egoist]

import zerotwo, { Store, Provider } from 'zerotwo'

Vue.use(zerotwo)

class CounterStore extends Store {
    state = {
        count: 0
    }

    inc = () => {
        this.state.count++
    }
}

new Vue({
    store: CounterStore,
    template: `
    <store-consumer>
        <div slot-scope="store">
            <button @click="store.inc">{{ store.state.count }}</button>
        </div>
    </store-consumer>
    `   
})