Как слушать события Laravel Echo Pusher в разных компонентах vue?

Question

[Tutucu]

Здравствуйте, вот такой вопрос, Laravel транслирует события websocket через pusher, здесь всё хорошо, принимаю эти события в корневом компоненте Vue при помощи Echo:

Echo.join(`room.`+response.data)
.here((users) => {
//заход в комнату текущего пользователя
                  })
                  .joining((user) => {
                  //тут я обрабатываю подключения новых пользователей 
                  })
                  .leaving((user) => {
                      //тут я обрабатываю выход пользлвателей
                  })
                  .listen('RoomChat', (e) => {
                    //Обработка приходящих сообщений внутри комнаты
//Очень много условий и кода
                  });

Проблема в том, что в .listen у меня будет очень много обработчиков сообщений и хорошо бы их было как то раскидывать по компонентам VUE. Можно ли это сделать? В документации про Laravel про это вообще ничего нет :(

Comments

[JhaoDa]

А при чём тут ларавел?

[Tutucu]

JhaoDa, потому что вопрос больше про библиотеку Laravel Echo.

[Andrey Suha]

Laravel здесь действительно не при чём. Тут вопрос JavaScript Вашего понимания как он работает.

Answer 1

[Andrey Suha]

Запишите Echo.join(`room.`+response.data) в data или vuex и передавайте пропсами или тащите из стора где хотите

Comments

[Tutucu]

Точно, спасибо!