Let prettier change a load of things because new prettier has new rules :(

webapp/src/components/genericComponents/miniStreamDisplay.vue

@@ -20,14 +20,14 @@
 export default {
   name: "MiniStreamDisplay",
 
-  data: function() {
+  data: function () {
     return {
       isVisible: false,
     };
   },
 
   computed: {
-    streamImgUri: function() {
+    streamImgUri: function () {
       return `${this.$store.getters.baseUri}/camera/mjpeg_stream`;
     },
   },

webapp/src/components/genericComponents/progressBar.vue

@@ -11,12 +11,12 @@ export default {
   props: {},
 
   computed: {
-    tooltipOptions: function() {
+    tooltipOptions: function () {
       var title = this.id.charAt(0).toUpperCase() + this.id.slice(1);
       return `pos: right; title: ${title}; delay: 500`;
     },
 
-    classObject: function() {
+    classObject: function () {
       return {
         "tabicon-active": this.currentTab == this.id,
         "uk-disabled": this.requireConnection && !this.$store.getters.ready,

webapp/src/components/genericComponents/tabIcon.vue

@@ -44,7 +44,7 @@ export default {
   },
 
   computed: {
-    computedTitle: function() {
+    computedTitle: function () {
       if (this.title !== undefined) {
         return this.title;
       } else {
@@ -55,7 +55,7 @@ export default {
       }
     },
 
-    tooltipOptions: function() {
+    tooltipOptions: function () {
       if (this.showTooltip) {
         return `pos: right; title: ${this.computedTitle}; delay: 500`;
       } else {
@@ -63,7 +63,7 @@ export default {
       }
     },
 
-    classObject: function() {
+    classObject: function () {
       return {
         "tabicon-active": this.currentTab == this.tabID,
         "uk-disabled": this.requireConnection && !this.$store.getters.ready,