add eslint

src/library/artist/ArtistDetails.vue

@@ -7,46 +7,53 @@
         <ExternalLink v-if="item.lastFmUrl" :href="item.lastFmUrl" class="btn btn-secondary mr-2">
           Last.fm
         </ExternalLink>
-        <ExternalLink v-if="item.musicBrainzUrl" :href="item.musicBrainzUrl" class="btn btn-secondary">
+        <ExternalLink
+          v-if="item.musicBrainzUrl"
+          :href="item.musicBrainzUrl"
+          class="btn btn-secondary">
           MusicBrainz
         </ExternalLink>
       </div>
     </div>
-    <h3 class="pt-5">Albums</h3>
-    <AlbumList :items="item.albums"/>
+    <h3 class="pt-5">
+      Albums
+    </h3>
+    <AlbumList :items="item.albums" />
 
     <template v-if="item.similarArtist.length > 0">
-      <h3 class="pt-5">Similar artists</h3>
-      <ArtistList :items="item.similarArtist"/>
+      <h3 class="pt-5">
+        Similar artists
+      </h3>
+      <ArtistList :items="item.similarArtist" />
     </template>
   </div>
 </template>
 <script lang="ts">
-import Vue from "vue";
-import AlbumList from "@/library/album/AlbumList.vue";
-import ArtistList from "@/library/artist/ArtistList.vue";
+  import Vue from 'vue'
+  import AlbumList from '@/library/album/AlbumList.vue'
+  import ArtistList from '@/library/artist/ArtistList.vue'
 
-export default Vue.extend({
-  components: {
-    AlbumList,
-    ArtistList,
-  },
-  props: {
-    id: String
-  },
-  data() {
-    return {
-      item: null as any,
-    }
-  },
-  watch: {
-    id: {
-      immediate: true,
-      async handler(value: string) {
-        this.item = null,
-        this.item = await this.$api.getArtistDetails(this.id);
+  export default Vue.extend({
+    components: {
+      AlbumList,
+      ArtistList,
+    },
+    props: {
+      id: { type: String, required: true }
+    },
+    data() {
+      return {
+        item: null as any,
+      }
+    },
+    watch: {
+      id: {
+        immediate: true,
+        async handler(value: string) {
+          this.item = null
+          this.item = await this.$api.getArtistDetails(value)
+        }
       }
     }
-  }
-});
+  })
 </script>

src/library/artist/ArtistLibrary.vue

@@ -1,9 +1,9 @@
 <template>
-  <ArtistList :items="items"/>
+  <ArtistList :items="items" />
 </template>
 <script lang="ts">
-  import Vue from "vue";
-  import ArtistList from './ArtistList.vue';
+  import Vue from 'vue'
+  import ArtistList from './ArtistList.vue'
 
   export default Vue.extend({
     components: {
@@ -12,12 +12,12 @@
     data() {
       return {
         items: []
-      };
+      }
     },
     created() {
       this.$api.getArtists().then(items => {
-        this.items = items;
-      });
+        this.items = items
+      })
     }
-  });
+  })
 </script>

src/library/artist/ArtistList.vue

@@ -1,8 +1,8 @@
 <template functional>
   <Tiles>
     <Tile v-for="item in props.items" :key="item.id"
-      :to="{name: 'artist', params: { id: item.id } }"
-      :title="item.name">
+          :to="{name: 'artist', params: { id: item.id } }"
+          :title="item.name">
       <template v-slot:text>
         <strong>{{ item.albumCount }}</strong> albums
       </template>