how to emit events in vue socket io

Question

im building a chat application with socket io and i'm trying to log the event as soon as the user open the frontend please how can i do it this is my script tag

sockets: {
     connect: function(){
      console.log('socket connected')
    },
  },

this the response in my console,

Vue-Socket.io: #messageChannel subscribe, component: undefined 

i've checked so many tutorials but cant seem to find any that answers my problem please how can i go about this