client.js

import socket from './../socket'; // Doesnt work.

// This works though
// import io from 'socket.io-client'
// const socket = io();

//...

function startPath(point) {
  //...
}
function continuePath(point) {
  //...
}
function endPath(point) {
  //...
}


socket.on('startPath', (data) => {
  startPath(data);
});
socket.on('continuePath', (data) => {
  continuePath(data)
});
socket.on('endPath', (data) => {
  endPath(data);
});

//...

server.js

io.on('connection', function (socket) {
  socket.on('startPath', function(data) {
    socket.broadcast.emit('startPath', data);
  });
  socket.on('continuePath', function(data) {
    socket.broadcast.emit('continuePath', data);
  });
  socket.on('endPath', function(data) {
    socket.broadcast.emit('endPath', data);
  });
});

socket.js

import Vue from 'vue';
import VueSocketIO from 'vue-socket.io';

import * as io from 'socket.io-client';
export const SocketInstance = io('http://localhost:3000');

Vue.use(new VueSocketIO({
  connection: SocketInstance
}));

export default SocketInstance;