[UI] Expose the `connected` flag on the root element level.

platypush/backend/http/webapp/src/App.vue

@@ -32,6 +32,7 @@ export default {
     return {
       config: {},
       userAuthenticated: false,
+      connected: false,
       pwaInstallEvent: null,
     }
   },
@@ -97,6 +98,8 @@ export default {
 
   mounted() {
     bus.onNotification(this.onNotification)
+    bus.on('connect', () => this.connected = true)
+    bus.on('disconnect', () => this.connected = false)
   },
 }
 </script>

platypush/backend/http/webapp/src/components/Nav.vue

@@ -163,6 +163,7 @@ export default {
     this.collapsed = this.collapsedDefault
     bus.on('connect', this.setConnected(true))
     bus.on('disconnect', this.setConnected(false))
+    this.setConnected(this.$root.connected)
   },
 }
 </script>