add lastfm and musicbrainz links to artist page

src/shared/api.ts

@@ -100,14 +100,13 @@ export class API {
       this.get("rest/getArtistInfo2", params).then(r => r.artistInfo2),
     ])
     return {
-      info1,
-      info2,
       id: info1.id,
       name: info1.name,
       description: info2.biography,
       image: info2.largeImageUrl || info2.mediumImageUrl || info2.smallImageUrl,
       lastFmUrl: info2.lastFmUrl,
-      musicBrainzId: info2.musicBrainzId,
+      musicBrainzUrl: info2.musicBrainzId
+        ? `https://musicbrainz.org/artist/${info2.musicBrainzId}` : null,
       albums: info1.album.map((album: any) => this.normalizeAlbumResponse(album)),
       similarArtist: (info2.similarArtist || []).map((artist: any) => ({
         id: artist.id,

src/shared/components/ExternalLink.vue

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

src/shared/components/index.ts

@@ -1,4 +1,5 @@
 import Vue from 'vue';
+import ExternalLink from "./ExternalLink.vue";
 import Icon from "./Icon.vue";
 import OverflowMenu from "./OverflowMenu.vue";
 import Spinner from "./Spinner.vue";
@@ -6,6 +7,7 @@ import Tiles from "./Tiles.vue";
 import Tile from "./Tile.vue";
 
 const components = {
+  ExternalLink,
   Icon,
   OverflowMenu,
   Spinner,