Nuxt Nationカンファレンスが開催されます。11月12~13日に参加しましょう。

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コンポーザブルの自動インポート
  • 独自のステートマシンを自動インポート

インストール 💾

次のコマンドのいずれかを実行します

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を使用して、開発モードでプレイグラウンドを起動します。