Don't allow the server error to appear before initial connection

web/src/App.vue

@@ -3,7 +3,7 @@
 		<transition name="top-slide">
 			<div
 				id="disconnect-error"
-				v-if="$socket.disconnected"
+				v-if="$socket.disconnected && ready"
 			>
 				No connection to the game server.
 				<br>
@@ -70,6 +70,7 @@ export default {
 			message: null,
 			type: null,
 		},
+		ready: false,
 	}},
 	computed: {
 		gameState() {
@@ -119,6 +120,11 @@ export default {
 			};
 		},
 	},
+	mounted() {
+		setTimeout(() => {
+			this.ready = true;
+		}, 1000);
+	},
 }
 </script>