Nuxt Laravel Echo

Laravel Echo 統合用 Nuxt モジュール。これを使用すると、アプリケーションのブロードキャストをシームレスに利用できます。

機能

Sanctum ベースの認証
プライベートチャネルとプレゼンスチャネルの CSRF クッキー管理
CSR 専用モード
TypeScript サポート

注: このモジュールを使用する前に、Laravel Echo サーバーが実行され、適切に構成されていることを確認してください。

クイックセットアップ

1 つのコマンドで Nuxt アプリケーションにモジュールをインストールします。

npx nuxi module add nuxt-laravel-echo

次に、nuxt.config.js で設定を指定します。

export default defineNuxtConfig({
  modules: ['nuxt-laravel-echo'],

  echo: {
    key: 'REPLACE_ME', // Your Laravel Echo app key
    authentication: {
      baseUrl: 'laravel.test', // Your Laravel app URL
    },
  },
})

また、開発サーバーを Pusher と互換させるには、nuxt.config.js に次の Vite 構成を追加する必要があります。

export default defineNuxtConfig({
  vite: {
    optimizeDeps: {
      include: ['pusher-js'],
    },
  },
})

以上です。これで Nuxt Laravel Echo を Nuxt アプリで利用できるようになりました ✨

貢献

このプロジェクトに貢献して改善したい場合、ぜひご協力ください。貢献ガイドで詳細をご確認ください。