Run lint:fix and accept a huge formatting change

webapp/src/components/genericComponents/miniStreamDisplay.vue

@@ -22,20 +22,20 @@ export default {
 
   data: function() {
     return {
-      isVisible: false
+      isVisible: false,
     };
   },
 
   computed: {
     streamImgUri: function() {
       return `${this.$store.getters.baseUri}/camera/mjpeg_stream`;
-    }
+    },
   },
   methods: {
     visibilityChanged(isVisible) {
       this.isVisible = isVisible;
-    }
-  }
+    },
+  },
 };
 </script>
 

webapp/src/components/genericComponents/progressBar.vue

@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="progress uk-margin-top uk-margin-horizontal-remove uk-padding-remove"
-  >
+  <div class="progress uk-margin-top uk-margin-horizontal-remove uk-padding-remove">
     <div class="indeterminate"></div>
   </div>
 </template>
@@ -21,16 +19,16 @@ export default {
     classObject: function() {
       return {
         "tabicon-active": this.currentTab == this.id,
-        "uk-disabled": this.requireConnection && !this.$store.getters.ready
+        "uk-disabled": this.requireConnection && !this.$store.getters.ready,
       };
-    }
+    },
   },
 
   methods: {
     setThisTab(event) {
       this.$emit("set-tab", event, this.id);
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -77,8 +75,7 @@ export default {
   left: 0;
   bottom: 0;
   will-change: left, right;
-  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
-    infinite;
+  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
   animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
@@ -90,10 +87,8 @@ export default {
   left: 0;
   bottom: 0;
   will-change: left, right;
-  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
-    infinite;
-  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
-    infinite;
+  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
   -webkit-animation-delay: 1.15s;
   animation-delay: 1.15s;
 }

webapp/src/components/genericComponents/tabContent.vue

@@ -15,17 +15,17 @@ export default {
   props: {
     tabID: {
       type: String,
-      required: true
+      required: true,
     },
     currentTab: {
       type: String,
-      required: true
+      required: true,
     },
-    requireConnection: Boolean
+    requireConnection: Boolean,
   },
   computed: {},
 
-  methods: {}
+  methods: {},
 };
 </script>
 

webapp/src/components/genericComponents/tabIcon.vue

@@ -1,11 +1,5 @@
 <template>
-  <a
-    href="#"
-    class="uk-link"
-    :class="classObject"
-    :uk-tooltip="tooltipOptions"
-    @click="setThisTab"
-  >
+  <a href="#" class="uk-link" :class="classObject" :uk-tooltip="tooltipOptions" @click="setThisTab">
     <slot></slot>
     <div v-if="showTitle" class="tabtitle">
       {{ computedTitle }}
@@ -20,33 +14,33 @@ export default {
   props: {
     tabID: {
       type: String,
-      required: true
+      required: true,
     },
     title: {
       type: String,
       required: false,
-      default: undefined
+      default: undefined,
     },
     showTitle: {
       type: Boolean,
       required: false,
-      default: true
+      default: true,
     },
     showTooltip: {
       type: Boolean,
       required: false,
-      default: true
+      default: true,
     },
     currentTab: {
       type: String,
-      required: true
+      required: true,
     },
     clickCallback: {
       type: Function,
       required: false,
-      default: null
+      default: null,
     },
-    requireConnection: Boolean
+    requireConnection: Boolean,
   },
 
   computed: {
@@ -72,9 +66,9 @@ export default {
     classObject: function() {
       return {
         "tabicon-active": this.currentTab == this.tabID,
-        "uk-disabled": this.requireConnection && !this.$store.getters.ready
+        "uk-disabled": this.requireConnection && !this.$store.getters.ready,
       };
-    }
+    },
   },
 
   methods: {
@@ -83,8 +77,8 @@ export default {
       if (this.clickCallback) {
         this.clickCallback();
       }
-    }
-  }
+    },
+  },
 };
 </script>