Fixed small issue where the could not connect label wouldn't show if it didn't connect first.

frontend/App.vue

@@ -69,6 +69,9 @@
 			io.onConnect(() => {
 				_this.socketConnected = true;
 			});
+			io.onConnectError(() => {
+				_this.socketConnected = false;
+			});
 			io.onDisconnect(() => {
 				_this.socketConnected = false;
 			});

frontend/io.js

@@ -1,6 +1,7 @@
 let callbacks = [];
 let onConnectCallbacks = [];
 let onDisconnectCallbacks = [];
+let onConnectErrorCallbacks = [];
 
 export default {
 
@@ -20,6 +21,10 @@ export default {
 		onDisconnectCallbacks.push(cb);
 	},
 
+	onConnectError: function(cb) {
+		onConnectErrorCallbacks.push(cb);
+	},
+
 	removeAllListeners: function() {
 		Object.keys(this.socket._callbacks).forEach((id) => {
 			if (id.indexOf("$event:song") !== -1) {
@@ -47,6 +52,9 @@ export default {
 		this.socket.on('connect_error', () => {
 			// Connect error
 			console.log("SOCKET.IO ERROR WHILE CONNECTING");
+			onConnectErrorCallbacks.forEach((cb) => {
+				cb();
+			});
 		});
 		this.ready = true;
 		callbacks.forEach(callback => {