Great big ESLint

src/components/genericComponents/tabIcon.vue

@@ -1,48 +1,51 @@
 <template>
-  <a 
-    href="#" 
+  <a
+    href="#"
     class="uk-link"
-    :class="classObject" 
+    :class="classObject"
     :uk-tooltip="tooltipOptions"
-    @click="setThisTab">
+    @click="setThisTab"
+  >
     <slot></slot>
   </a>
-
 </template>
 
 <script>
-
 export default {
-  name: 'tabIcon',
+  name: "TabIcon",
 
   props: {
-    id: String,
-    currentTab: String,
+    id: {
+      type: String,
+      required: true
+    },
+    currentTab: {
+      type: String,
+      required: true
+    },
     requireConnection: Boolean
   },
 
-  methods: {
-    setThisTab(event, value) {
-      this.$emit('set-tab', event, this.id);
+  computed: {
+    tooltipOptions: function() {
+      var title = this.id.charAt(0).toUpperCase() + this.id.slice(1);
+      return `pos: right; title: ${title}; delay: 500`;
+    },
+
+    classObject: function() {
+      return {
+        "tabicon-active": this.currentTab == this.id,
+        "uk-disabled": this.requireConnection && !this.$store.getters.ready
+      };
     }
   },
 
-  computed: {
-    tooltipOptions: function () {
-      var title = this.id.charAt(0).toUpperCase() + this.id.slice(1);
-      return `pos: right; title: ${title}; delay: 500`
-    },
-
-    classObject: function () {
-      return {
-        'tabicon-active': this.currentTab == this.id,
-        'uk-disabled': (this.requireConnection && !this.$store.getters.ready)
-      }
+  methods: {
+    setThisTab(event) {
+      this.$emit("set-tab", event, this.id);
     }
-
   }
-}
-
+};
 </script>
 
 <style lang="less" scoped>
@@ -54,9 +57,8 @@ export default {
 }
 
 .hook-inverse() {
-    .tabicon-active {
-        color: @inverse-primary-muted-color !important;
-    }
+  .tabicon-active {
+    color: @inverse-primary-muted-color !important;
+  }
 }
-
-</style>
+</style>