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.