Laravel Echo

[adgower]

echo.js boot file and configured:

import { boot } from "quasar/wrappers";
import Echo from "laravel-echo";

const echo = new Echo({
  broadcaster: "pusher",
  key: process.env.PUSHER_APP_KEY,
  cluster: process.env.PUSHER_APP_CLUSTER,
  wsHost: window.location.hostname,
  wsPort: 6001,
  encrypted: false,
  forceTLS: false,
  enabledTransports: ["ws", "wss"],
  disableStats: true,
});

// "async" is optional;
// more info on params: https://v2.quasar.dev/quasar-cli/boot-files
export default boot(async (/* { app, router, ... } */) => {
  // something to do
});

export { echo };

in MainLayout using script setup:

const channel = echo.channel("public.test.1");

in console:

echo.channel is not a function

any tips?

[adgower]

fixed:

import { boot } from "quasar/wrappers";
import Echo from "laravel-echo";
import Pusher from "pusher-js";

window.Pusher = Pusher;

window.Echo = new Echo({
  broadcaster: "pusher",
  key: process.env.PUSHER_APP_KEY,
  cluster: process.env.PUSHER_APP_CLUSTER,
  wsHost: window.location.hostname,
  wsPort: 6001,
  wssPort: 6001,
  encrypted: false,
  forceTLS: false,
  enabledTransports: ["ws", "wss"],
  disableStats: true,
});

// "async" is optional;
// more info on params: https://v2.quasar.dev/quasar-cli/boot-files
export default boot(async (/* { app, router, ... } */) => {
  // something to do
});

had to use window (I don't understand why)