Socket.io Nuxtjs

How to use Socket Io in Nuxt.js

Dependency

Install socket.io-client

npm i socket.io-client

Usage

Copy './plugins/socket.js' to plugins Directory.

Add This to nuxt.config.js

 plugins: [
    "~/plugins/socket.js",
  ]

In pags/index.vue ( For Example)

export default {
  
  methods:{
    bindBroadCastingData(data){
     console.log('Broad Casting Recieve : ',data);
    },
    connectToSocket() {
     this.$socket.main.on('YOUR Channel', this.bindBroadCastingData);
    }
  },
  mounted(){
    this.connectToSocket();
  }
}

npm install

npm run dev

🔗 Links