透過超過 100 個技巧的集合來學習 Nuxt!

xstate
nuxt-xstate

Nuxt 的 XState 整合

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 composables
  • 自動導入您自己的狀態機

安裝 💾

執行以下其中一個命令

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 以開發模式啟動遊樂場