diff --git a/src/components/now-playing.vue b/src/components/now-playing.vue index ae830f5..649aedf 100644 --- a/src/components/now-playing.vue +++ b/src/components/now-playing.vue @@ -10,8 +10,8 @@ const lastfmapi = import.meta.env.VITE_LASTFM_API const lastfmusername = 'snsxd' const header = ref('silence...') -const artist = ref('artist') -const track = ref('track') +const artist = ref('today...') +const track = ref("we're silnce...") const labelurl = ref('/public/default-cover.png') // colors @@ -30,6 +30,16 @@ async function checkNowPlaying(api: string, username: string) { } } +async function changeCover(artist: string, album: string, mbid: string): Promise { + try { + const result = `${backendUrl}/cover/${artist.replace('/', '')}/${album}/${mbid ? mbid : '0'}` + return result + } catch (err) { + console.error('Error while changing track cover:', err) + return '/public/default-cover.png' + } +} + let timerId: ReturnType onMounted(() => { @@ -45,14 +55,18 @@ onMounted(() => { if (artist.value != trackData[0].artist['#text']) ChangeTitle(artist, artist.value, trackData[0].artist['#text']) if (track.value != trackData[0].name) { - labelurl.value = `${backendUrl}/cover/${trackData[0].artist['#text'].replace('/', '')}/${trackData[0].album['#text']}/${trackData[0].album.mbid ? trackData[0].album.mbid : '0'}` + labelurl.value = await changeCover( + trackData[0].artist['#text'], + trackData[0].album['#text'], + trackData[0].album.mbid, + ) console.log(labelurl.value) ChangeTitle(track, track.value, trackData[0].name) } } else { if (header.value !== 'silence...') ChangeTitle(header, header.value, 'silence...') primary_color.value = '#656565' - labelurl.value = `${backendUrl}/cover/0/0/0` + labelurl.value = '/public/default-cover.png' if (artist.value != trackData[0].artist['#text']) ChangeTitle(artist, artist.value, trackData[0].artist['#text']) if (track.value != trackData[0].name) ChangeTitle(track, track.value, trackData[0].name)