feat: inform user if engine is trying to reconnect

client/src/composables/engine/fetchUpdate.ts

@@ -55,6 +55,11 @@ export async function fetchUpdate() {
         } else {
             // request aborted or other causes
             console.warn(e.message)
+
+            this.retry.value = -1
+            this.isActive = false
+            this.shouldStop = false
+            console.debug('engine stopped')
             return
         }
     }

client/src/pages/play.vue

@@ -3,7 +3,7 @@
     <TopBar />
     <AlertBox v-if="!isConnected" mode="alert">
       connection to server broken
-      <div>retrying {{'...'.slice(0, retry % 4)}}</div>
+      <div v-if="retry >= 0">retrying {{'...'.slice(0, retry % 4)}}</div>
     </AlertBox>
     wohoo!
   </div>