New Golang Backend + Minor Fixes

src/components/Playlists.vue

@@ -38,7 +38,7 @@ defineEmits(['playthis']);
   overflow-y: auto;
 }
 .placeholder:empty:before {
-  --url: url('../assets/bg_playlist.svg');
+  --url: url('/bg_playlist.svg');
 }
 .placeholder:empty:after {
   --text: 'Add Songs to Your Playlist...';

src/components/Search.vue

@@ -29,11 +29,11 @@ defineEmits([
           :author="song.uploaderName || ''"
           :title="song.title || song.name"
           :channel="song.uploaderUrl || ''"
-          :play="song.url || song.watchId"
+          :play="song.url || '/watch?v=' + song.videoId"
           @open-song="
             $emit('get-song', {
-              url: song.url || song.watchId,
-              title: song.title,
+              url: song.url || '/watch?v=' + song.id,
+              title: song.title || song.name,
             })
           "
           @get-artist="
@@ -72,7 +72,7 @@ defineEmits([
           @open-album="
             $emit(
               'get-album',
-              album.url || '/playlist?list=' + album.playlistId,
+              album.url || '/playlist?list=' + album.id,
             )
           " />
       </template>
@@ -89,7 +89,7 @@ defineEmits([
           :author="artist.subtitle"
           :name="artist.title"
           :art="'--art: url(' + artist.thumbnails[0].url + ');'"
-          @open-album="$emit('get-artist', artist.artistId)" />
+          @open-album="$emit('get-artist', artist.id)" />
       </template>
     </div>
   </div>

src/components/SongItem.vue

@@ -10,15 +10,17 @@ defineEmits(['get-artist']);
 <template>
   <div class="song card flex pop" @click="openSong($event.target)">
     <slot name="art"></slot>
+
     <span class="flex content">
       <h4>{{ title }}</h4>
       <a
         :href="channel"
         @click.prevent="$emit('get-artist', channel.split('/')[2])"
-        class="ign"
-        ><i class="ign">{{ author }}</i></a
-      >
+        class="ign">
+        <i class="ign">{{ author.replaceAll(' - Topic', '') }}</i>
+      </a>
     </span>
+
     <span class="bi bi-three-dots-vertical popup-wrap ign">
       <div class="popup ign">
         <span
@@ -26,6 +28,7 @@ defineEmits(['get-artist']);
           @click="
             $parent.$emit('add-song', { url: play, title: title })
           "></span>
+
         <span class="bi bi-share ign" @click="Share"></span>
       </div>
     </span>