vue3-laravel-echo

Laravel Echo Vue

This package enables the Laravel Echo library to set the property for Vue 3. Laravel Echo setup is the same as in the document.

Install

via yarn

yarn add vue3-laravel-echo

or via npm

npm install --save vue3-laravel-echo

If you are going to use Pusher you need to install pusher-js

via npm

npm install --save pusher-js

or via yarn

yarn add pusher-js

Usage

### Initialize

import App from '@/App.vue'
import Pusher from 'pusher-js';
import LaravelEcho from "vue3-laravel-echo"

const app = createApp(App)


const options = {
    broadcaster: 'pusher',
    key: import.meta.env.VITE_PUSHER_APP_KEY,
    cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER,
    forceTLS: true
}

app.use(LaravelEchoVue, {
    ...options,
    client: new Pusher(options.key, options)
})

app.mount('#app')