Nuxt Laravel Echo

用於 Laravel Echo 整合的 Nuxt 模組，以獲得應用程式廣播的無縫體驗。

功能

基於 Sanctum 的身份驗證
用於私人和在線頻道的 CSRF Cookie 管理
僅限 CSR 模式
TypeScript 支援

注意：在使用此模組之前，請確保您已執行並正確設定 Laravel Echo 伺服器。

快速設定

使用一個命令將模組安裝到您的 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 的相容性，您需要將以下 Vite 設定新增到您的 nuxt.config.js 中

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

就這樣！您現在可以在您的 Nuxt 應用程式中使用 Nuxt Laravel Echo ✨

貢獻

如果您想為這個專案做出貢獻並使其更好，非常歡迎您的幫助。請查看貢獻指南以獲取更多資訊。