Chat popup duplicates socket.io connection

[ghost]

At this moment both components have a socket.io clients in their "mounted" hooks causing unused 2nd connection

resources/js/components/ChatRoom/MessageComponent.vue
...
140  mounted() {
141    var socket = io(process.env.MIX_SOCKET_SERVER, { query: "id= " + this.auth.id });
142    this.socket = socket;
...

resources/js/components/ChatRoom/ChatPopup.vue
...
114  mounted() { 
116    var socket = io(process.env.MIX_SOCKET_SERVER, { query: "id= " + this.auth.id });
117    this.socket = socket;
...

[widedeveloper]

currently, I prevented the popup. I will change the popup chat logic

[widedeveloper]

I enabled popup chat and resolved the duplicated socket connection issue.

[rusbrain]

Is this possible to pop-up the chat like this, please?

[widedeveloper]

I understand what you want, ok

[widedeveloper]

I amended the chat popup like defiler.ru. completed