@xstate-ninja/vue

This package contains XState Ninja integration for Vue.

---

Quick Start

1npm install --save @xstate-ninja/vue xstate-ninja @xstate/vue xstate

To track state machines in your project, do this:

1<script setup lang="ts">
2import { useInterpret } from '@xstate-ninja/vue'
3
4const actor = useInterpret(machine, { devTools: true })
5</script>

The useMachine hook is available too:

1import { useMachine } from '@xstate-ninja/vue'
2
3const [state, send, service] = useMachine(machine, { devTools: true })

Install the browser extension, open browser devtools (F12) and select the XState panel.