Nuxt Laravel Echo

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

功能特色

基於 Sanctum 的身份驗證
用於 Private 和 Presence 頻道的 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 了 ✨

貢獻

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