Estoy tratando de implementar websocket usando VUE3 + LARAVEL-ECHO + PUSHER-JS

 <script lang="ts"> import { defineComponent, ref, computed, onMounted, onBeforeMount } from 'vue' import Echo from 'laravel-echo' declare global { interface Window { Pusher:any; Echo:any; } } window.Pusher = require('pusher-js'); window.Echo = new Echo({ broadcaster: 'pusher', key: 'mykey', cluster: 'mt1', secret: 'mysecret', wsHost: 'variant.uz', wsPort: 6001, forceTLS: false, disableStats: true, }); export default defineComponent({ name: 'MainLayout', components: { }, setup () { onMounted(()=>{ window.Echo.listen('EventTriggered','GetRequestEvent', (e:any)=>{ console.log(e); }) }) return {} } }) </script>

En las herramientas de desarrollo del navegador, puedo ver que me conecté al canal, finaliza cuando se emite el evento. También está en la red de herramientas de desarrollo. Veo los datos enviados, pero estas líneas no se activan.

 window.Echo.listen('EventTriggered','GetRequestEvent', (e:any)=>{ console.log(e); })