ui_migration bugfix(vue) reverted changes on v-if and reactive function calling from wot store incorrectly added brackets and ? to access as dict

webapp/src/App.vue

@@ -116,14 +116,6 @@ export default {
     baseUri() {
       this.checkConnection();
     },
-    // The "Whole App" Wrapper Logic
-    ready(isReady) {
-      if (isReady) {
-        this.bindHardwareInputs(); // Turn keys ON when connected
-      } else {
-        this.unbindHardwareInputs(); // Turn keys OFF if disconnected
-      }
-    },
   },
 
   mounted() {
@@ -145,15 +137,14 @@ export default {
 
   created: function () {
     window.addEventListener("beforeunload", this.handleExit);
+    this.bindHardwareInputs(); // Turn keys ON when connected
   },
 
   beforeUnmount: function () {
     // Disconnect the theme observer
     this.mql.removeEventListener("change", this.themeWatchdog);
     // Remove scrollwheel listener
-    window.removeEventListener("wheel", this.wheelMonitor);
-    // Remove key listeners
-    Mousetrap.reset();
+    this.unbindHardwareInputs();
   },
 
   methods: {

webapp/src/components/genericComponents/tabContent.vue

@@ -1,6 +1,7 @@
 <template>
   <div
-    v-if="!(requireConnection && !ready) && currentTab === tabID"
+    v-if="!(requireConnection && !ready)"
+    :hidden="currentTab != tabID"
     class="uk-width-expand uk-height-1-1"
   >
     <slot></slot>