foxstate-vue

Vue bindings for FoxState.

Install

npm install fox-state foxstate-vue

Usage

import { createStore } from "fox-state"
import { useStore } from "foxstate-vue"

const counter = createStore({
  state: { count: 0 }
})

export default {
  setup() {
    const state = useStore(counter)

    const inc = () => {
      counter.setState({ count: state.value.count + 1 })
    }

    return { state, inc }
  }
}

<template>
  <button @click="inc">
    {{ state.count }}
  </button>
</template>