Nuxt XState

Nuxt XState module allows for easy integration of XState with Nuxt.js.

Read documentation 📖
Online playground 🎮

Features ✨

Nuxt Bridge & Nuxt 3 supported
Auto-importing of XState composables
Auto-importing of your own state-machines

Installation 💾

Run one of the following commands:

npx nuxi@latest module add xstate

And add it to your nuxt.config.ts:

import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
  modules: ['nuxt-xstate']
})

Usage 🧰

👉 Check out the documentation

Work in progress 🚧

@xstate/inspect support

Development 💻

Clone repository and install dependencies with yarn install
Run yarn dev:prepare to generate type stubs.
Use yarn dev to start playground in development mode.