How to trace a socket.io connection?

Question

JavaScript

Good evening gentlemen!
In the component, I'm trying to track the state of the socket, and display a notification about the status of the connection.

<template>

</template>
    
<script>
    export default {
        name: "MessageComponent"
    };
    var vm = new Vue({
        sockets:{
            connect: function(){
                this.$vs.notify({title:'Соединение',text:'Вы успешно подключились к чату!',color:'success',position:'bottom-center'});
            }
        },
    });
</script>

<style scoped>

</style>

How to output that you have lost connection with the socket?

Failed to load resource: net::ERR_CONNECTION_REFUSED

Answer 1

I found observer statuses and caught the error like this. If you are interested, you can see all other statuses in the docks :)

export default {
        mounted() {
            var vm = new Vue({
                sockets:{
                    connect: function(){
                        this.$vs.notify({title:'Соединение',text:'Вы успешно подключились к чату!',color:'success',position:'bottom-center'});
                    },
                    connect_error: function(){
                        this.$vs.notify({title:'Соединение',text:'Ошибка сервера, не могу подключить к чату!',color:'danger',position:'bottom-center'});
                    }
                }
            });
        }
    }

Answer 2

watch : {
     status : (vol) => {
       if(vol == 'ERR_CONNECTION_REFUSED'){
             this.do(something)
           }
      }
}