i18n: Metadata

front/src/components/metadata/ArtistCard.vue

@@ -16,7 +16,7 @@
                   {{ group['first-release-date'] }}
                 </td>
                 <td colspan="3">
-                  <a :href="getMusicbrainzUrl('release-group', group.id)" class="discrete link" target="_blank" title="View on MusicBrainz">
+                  <a :href="getMusicbrainzUrl('release-group', group.id)" class="discrete link" target="_blank" :title="$t('View on MusicBrainz')">
                     {{ group.title }}
                   </a>
                 </td>

front/src/components/metadata/ReleaseCard.vue

@@ -19,7 +19,7 @@
                   {{ track.position }}
                 </td>
                 <td colspan="3">
-                  <a :href="getMusicbrainzUrl('recording', track.id)" class="discrete link" target="_blank" title="View on MusicBrainz">
+                  <a :href="getMusicbrainzUrl('recording', track.id)" class="discrete link" target="_blank" :title="$t('View on MusicBrainz')">
                     {{ track.recording.title }}
                   </a>
                 </td>

front/src/components/metadata/Search.vue

@@ -12,7 +12,7 @@
     </div>
     <div class="ui fluid search">
       <div class="ui icon input">
-        <input class="prompt" placeholder="Enter your search query..." type="text">
+        <input class="prompt" :placeholder="$t('Enter your search query...')" type="text">
         <i class="search icon"></i>
       </div>
       <div class="results"></div>
@@ -36,15 +36,15 @@ export default {
       types: [
         {
           value: 'artist',
-          label: 'Artist'
+          label: this.$t('Artist')
         },
         {
           value: 'release',
-          label: 'Album'
+          label: this.$t('Album')
         },
         {
           value: 'recording',
-          label: 'Track'
+          label: this.$t('Track')
         }
       ]
     }