xstate
nuxt-xstate

XState 與 Nuxt 的整合

Nuxt XState

GitHub package.json version npm (prod) dependency version npm (prod) dependency version npm Website GitHub Workflow Status

Nuxt XState 模組允許將 XState 輕鬆整合到 Nuxt.js 中。

功能 ✨

  • 支援 Nuxt Bridge 和 Nuxt 3
  • 自動匯入 XState 可組合項
  • 自動匯入您自己的狀態機

安裝 💾

執行以下命令之一

yarn add --dev nuxt-xstate
# or
npm install --save-dev nuxt-xstate

並將其新增到您的 nuxt.config.ts

import { defineNuxtConfig } from 'nuxt/config'

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

用法 🧰

👉 檢視 文件

正在進行中 🚧

開發 💻

  • 克隆倉庫並使用 yarn install 安裝依賴項
  • 執行 yarn dev:prepare 生成型別存根。
  • 使用 yarn dev 以開發模式啟動 演練場