add eslint

src/shared/components/ExternalLink.vue

@@ -1,8 +1,8 @@
 <template functional>
   <a :href="props.href"
-    target="_blank"
-    rel="noopener noreferrer"
-    :class="[data.class, data.staticClass]">
-    <slot/>
+     target="_blank"
+     rel="noopener noreferrer"
+     :class="[data.class, data.staticClass]">
+    <slot />
   </a>
-</template>
+</template>

src/shared/components/Icon.vue

@@ -1,5 +1,5 @@
 <template>
-  <BIcon :icon="icon" v-bind="$attrs"/>
+  <BIcon :icon="icon" v-bind="$attrs" />
 </template>
 <script lang="ts">
   import Vue from 'vue'
@@ -42,7 +42,7 @@
       BIconPersonCircle,
     },
     props: {
-      icon: { type: String }
+      icon: { type: String, required: true }
     },
   })
 </script>

src/shared/components/ImgContainer.vue

@@ -3,7 +3,7 @@
     <div class="fixed-img-inner">
       <img v-if="props.src" :src="props.src">
       <div v-else class="text-muted">
-      <Icon icon="music-note-beamed"/>
+        <Icon icon="music-note-beamed" />
       </div>
     </div>
   </div>
@@ -18,7 +18,7 @@
   .fixed-img {
     position: relative;
     width: 100%;
-    
+
     .tile-img-inner {
       position: absolute;
       width: 100%;
@@ -42,11 +42,11 @@
   }
 </style>
 <script lang="ts">
-  import Vue from "vue";
+  import Vue from 'vue'
 
   export default Vue.extend({
     props: {
       square: { type: Boolean, default: false },
     }
-  });
-</script>
+  })
+</script>

src/shared/components/OverflowMenu.vue

@@ -1,13 +1,13 @@
 <template>
   <b-dropdown variant="link" boundary="window" no-caret toggle-class="p-0">
     <template #button-content>
-      <Icon icon="three-dots-vertical"/>
+      <Icon icon="three-dots-vertical" />
     </template>
-    <slot/>
+    <slot />
   </b-dropdown>
 </template>
 <script lang="ts">
-  import Vue from "vue";
+  import Vue from 'vue'
 
-  export default Vue.extend({});
-</script>
+  export default Vue.extend({})
+</script>

src/shared/components/Spinner.vue

@@ -1,12 +1,12 @@
 <template functional>
   <div>
-    <slot v-if="props.data" :data="props.data"></slot>
+    <slot v-if="props.data" :data="props.data" />
     <div v-else class="text-center">
-      <span class="spinner-grow"/>
+      <span class="spinner-grow" />
     </div>
   </div>
 </template>
 <script lang="ts">
-  import Vue from "vue";
+  import Vue from 'vue'
   export default Vue.extend({})
-</script> 
+</script>

src/shared/components/Tile.vue

@@ -2,7 +2,7 @@
   <div class="tile card">
     <router-link class="tile-img" :to="props.to">
       <img v-if="props.image" :src="props.image">
-      <Icon v-else class="tile-img-fallback text-muted" icon="music-note-beamed"/>
+      <Icon v-else class="tile-img-fallback text-muted" icon="music-note-beamed" />
     </router-link>
     <div class="card-body">
       <div class="text-truncate font-weight-bold">

src/shared/components/Tiles.vue

@@ -1,6 +1,6 @@
 <template functional>
   <div class="tiles" :class="props.square ? 'tiles-square' : 'tiles-rect'">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 <style lang="scss">
@@ -29,11 +29,11 @@
   }
 </style>
 <script lang="ts">
-  import Vue from "vue";
+  import Vue from 'vue'
 
   export default Vue.extend({
     props: {
       square: { type: Boolean, default: false },
     }
-  });
-</script>
+  })
+</script>

src/shared/components/index.ts

@@ -1,10 +1,10 @@
-import Vue from 'vue';
-import ExternalLink from "./ExternalLink.vue";
-import Icon from "./Icon.vue";
-import OverflowMenu from "./OverflowMenu.vue";
-import Spinner from "./Spinner.vue";
-import Tiles from "./Tiles.vue";
-import Tile from "./Tile.vue";
+import Vue from 'vue'
+import ExternalLink from './ExternalLink.vue'
+import Icon from './Icon.vue'
+import OverflowMenu from './OverflowMenu.vue'
+import Spinner from './Spinner.vue'
+import Tiles from './Tiles.vue'
+import Tile from './Tile.vue'
 
 const components = {
   ExternalLink,
@@ -13,11 +13,11 @@ const components = {
   Spinner,
   Tiles,
   Tile,
-};
+}
 
 type Key = keyof typeof components;
 
 Object.keys(components).forEach((_key) => {
-  const key = _key as keyof typeof components;
-  Vue.component(key, components[key]);
-});
+  const key = _key as keyof typeof components
+  Vue.component(key, components[key])
+})