Nuxtjs + VUE 2 to update vue 3 + vite not working echo

[saifulbdDev]

`

this nuxt code working good

import Echo from "laravel-echo";

window.Pusher = require("pusher-js");

export default function ({ $axios }, inject) {
  // const echo = new Echo({
  //   broadcaster: "pusher",
  //   key: "",
  //   cluster: "ap1",
  //   forceTLS: true,
  // });

  const echo = new Echo({
    broadcaster: "pusher",
    key: process.env.BROADCAST_APP_KEY,
    cluster: process.env.BROADCAST_APP_CLUSTER,
    forceTLS: true,
    authorizer: (channel, options) => {
      return {
        authorize: (socketId, callback) => {
          $axios
            .$post("/broadcasting/auth", {
              socket_id: socketId,
              channel_name: channel.name,
            })
            .then((response) => {
              callback(false, response);
            })
            .catch((error) => {
              callback(true, error);
            });
        },
      };
    },
  });

  inject("echo", echo);
}

this vite and vue 3 code not working

import Echo from "laravel-echo";
import axios from "@/lib/axios";
import Pusher from 'pusher-js'
declare global {
  interface Window {
    Pusher: any;
    Echo: any;
  }
}
window.Pusher = Pusher

export default function () {
  window.Echo = new Echo({
    broadcaster: "pusher",   
    // wsHost:  import.meta.env.VITE_APP_HOST, 
    // wssPort: import.meta.env.VITE_PORT ?? 443,
    forceTLS: true,
   
    key:  import.meta.env.VITE_BROADCAST_APP_KEY,
    cluster: import.meta.env.VITE_BROADCAST_APP_CLUSTER,  

   
    authorizer: (channel: { name: string }, options: any) => {
      return {
        authorize: (socketId: string, callback: Function) => {
          axios
            .post("/broadcasting/auth", {
              socket_id: socketId,
              channel_name: channel.name,
            })
            .then((response) => {
              callback(false, response);
            })
            .catch((error) => {
              callback(true, error);
            });
        },
      };
    },
  });


}

[saifulbdDev]

nuxt project subscription succeeded showing but vite error provite

[driesvints]

Hi there,

Thanks for reporting but it looks like this is a question which can be asked on a support channel. Please only use this issue tracker for reporting bugs with the library itself. If you have a question on how to use functionality provided by this repo you can try one of the following channels:

• Laracasts Forums
• Laravel.io Forums
• StackOverflow
• Discord
• Larachat
• IRC

However, this issue will not be locked and everyone is still free to discuss solutions to your problem!

Thanks.