diff --git a/src/components/Artist.vue b/src/components/Artist.vue index 6becdcd..996f7c4 100644 --- a/src/components/Artist.vue +++ b/src/components/Artist.vue @@ -3,11 +3,14 @@ import { ref } from 'vue'; import Btn from './Btn.vue'; import { useStore } from '@/scripts/util.js'; + import { useResults, useArtist } from '@/stores/results.js'; +import { useI18n } from '@/stores/misc.js'; const artist = useArtist(), results = useResults(), - store = useStore(); + store = useStore(), + { t } = useI18n(); const subs = JSON.parse(store.subs ? store.subs : '[]'), hash = artist.state.hash, @@ -43,9 +46,9 @@ function Sub() { @click=" results.getAlbum('/playlist?list=' + artist.state.playlistId) " /> - {{ - artist.state.subscriberCount || 0 - }} + + {{ artist.state.subscriberCount || 0 }} {{ t('artist.subscribers') }} + @@ -106,10 +109,6 @@ p.more { .subs { transition: background-color 0.4s ease, color 0.4s ease; } -.subs::after { - content: ' Subscribers'; - font-weight: bold; -} .subs:hover, .subs[data-active='true'] { background-color: var(--color-foreground); diff --git a/src/locales/de.json b/src/locales/de.json index 6e2b55b..4e0a0a1 100644 --- a/src/locales/de.json +++ b/src/locales/de.json @@ -37,6 +37,9 @@ "sync": "Wiedergabelisten synchronisieren", "select": "Hinzufügende Wiedergabeliste auswählen" }, + "artist": { + "subscribers": "Abonnenten" + }, "pref": { "worst": "am Schlechten", "theme": "Farbschema", diff --git a/src/locales/en.json b/src/locales/en.json index 041b3e3..b66ad26 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -37,6 +37,9 @@ "sync": "Sync playlists", "select": "Select Playlist to Add" }, + "artist": { + "subscribers": "Subscribers" + }, "pref": { "theme": "Theme", "dark": "Dark (Default)",