echo-nuxt.js

import Echo from 'laravel-echo'
import Vue from 'vue'
window.io = require('socket.io-client')
const host = process.env.WEBSOCKET
/**
 * In Components you can now write
 * socket: {
      channels: [
        {
          'nice-public': {
            type: 'public',
            events: {
              '.message.sent' (payload, instance) {
                console.log(instance.$sockets)
              }
            }
          }
        }
      ]
    },
 */

const Socket = {
  install (Vue, options = {}) {
    Vue.prototype.$sockets = new Map()
    Vue.mixin({
      mounted () {
        const conf = this.$options['socket']

        if (conf) {
          const channels = conf.channels

          // Go trought channels
          channels.forEach(channel => {
            let channelInstance
            const channelName = Object.getOwnPropertyNames(channel)[0]
            const events = Object.keys(channel[channelName].events)
            const type = channel[channelName].type || 'public'

            if (type === 'public') {
              channelInstance = this.$echo.channel(channelName)
            }

            if (type === 'private') {
              channelInstance = this.$echo.private(channelName)
            }
            // Todo: logout from pricvate channel when user logsout and on login join them again
            this.$sockets.set(channelName, { type, socket: channelInstance })

            if (events) {
              events.forEach(event => {
                channelInstance.listen(event, payload => {
                  channel[channelName].events[event](payload, this)
                })
              }, this)
            }
          })
        }
      },

      beforeDestroy () {
        if (!this.$sockets.size > 0) return
        for (let [key] of this.$sockets) {
          this.$sockets.delete(key)
          this.$echo.leave(key)
        }
      }
    })
  }
}

export default ({ store, app: { $auth } }, inject) => {
  console.log(store.state.auth.loggedIn)

  const echoOptions = {
    broadcaster: 'socket.io',
    host
  }

  const echo = new Echo(echoOptions)

  Vue.use(Socket)
  inject('echo', echo)
}