Integration: Vue

Use XState state machines with Vue 3 composables.

Overview

XState integrates with Vue through @xstate/vue or custom composables, connecting machines to Vue's reactive system.

useMachine(machine) composable

useActor(actor) for existing actors

Reactive state subscription

Component lifecycle management

Vanilla JS — Lower-level patterns

Add Vue 3 composable examples

Add Pinia integration pattern

Add Vue Router integration

Do you like what you are reading? Subscribe to receive updates.

Unsubscribe anytime