fix: use innerText as tooltip text instead of bindings

-
this fixes the updates problem
-

src/components/shared/AlbumCard.vue

@@ -8,7 +8,7 @@
   >
     <img class="rounded" :src="imguri + album.image" alt="" />
     <div>
-      <h4 class="title ellip" v-tooltip="album.title">{{ album.title }}</h4>
+      <h4 class="title ellip" v-tooltip>{{ album.title }}</h4>
       <div class="artist ellip">{{ album.artist }}</div>
     </div>
   </router-link>

src/components/shared/ArtistName.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-tooltip="returnArtists()" style="width: auto">
+  <div v-tooltip style="width: auto">
     <div class="ellip" v-if="artists === null || artists.length === 0">
       <span>{{ albumartist }}</span>
     </div>
@@ -18,11 +18,4 @@ const props = defineProps<{
   artists: string[] | null;
   albumartist: string | undefined;
 }>();
-
-function returnArtists() {
-  if (props.artists === null || props.artists.length === 0)
-    return props.albumartist;
-
-  return props.artists.join(", ");
-}
 </script>

src/components/shared/SongItem.vue

@@ -25,7 +25,7 @@
           :class="{ last_played: !isPlaying }"
         ></div>
       </div>
-      <div v-tooltip="track.title" class="song-title">
+      <div v-tooltip class="song-title">
         <div class="title ellip" @click="emitUpdate(track)" ref="artisttitle">
           {{ track.title }}
         </div>
@@ -42,7 +42,7 @@
     </div>
     <router-link
       class="song-album ellip"
-      v-tooltip="track.album"
+      v-tooltip
       :to="{
         name: 'AlbumView',
         params: {

src/components/shared/TrackItem.vue

@@ -23,7 +23,7 @@
       ></div>
     </div>
     <div class="tags">
-      <div class="title ellip" v-tooltip="track.title">
+      <div class="title ellip" v-tooltip>
         {{ track.title }}
       </div>
       <hr />