Explore

src/components/Search.vue

@@ -82,8 +82,7 @@ watch(
 
     Reset();
 
-    data.songs = {};
-    data.songs.items = i.items;
+    data.songs = i;
     data.albumTitle = i.title;
   },
 );
@@ -93,6 +92,8 @@ watch(
   itms => {
     Reset();
 
+    console.log(itms);
+
     for (let i in itms) {
       data[i] = {};
       data[i].items = itms[i];
@@ -133,11 +134,17 @@ watch(
     <div class="grid">
       <template v-for="song in data.songs.items">
         <SongItem
-          :author="song.uploaderName || ''"
+          :author="song.uploaderName || song.subtitle"
           :title="song.title || song.name"
-          :channel="song.uploaderUrl || ''"
+          :channel="song.uploaderUrl || song.subId"
           :play="song.url || '/watch?v=' + song.id"
-          :art="'url(' + (song.thumbnail || song.thumbnails[1].url) + ')'"
+          :art="
+            'url(' +
+            (song.thumbnail ||
+              song.thumbnails[1]?.url ||
+              song.thumbnails[0]?.url) +
+            ')'
+          "
           @open-song="
             $emit('play-urls', [
               {

src/components/SongItem.vue

@@ -57,7 +57,7 @@ onMounted(() => {
       <h4>{{ title }}</h4>
       <a
         :href="channel"
-        @click.prevent="$emit('get-artist', channel.split('/')[2])"
+        @click.prevent="$emit('get-artist', channel.replace('/channel', ''))"
         class="ign">
         <i class="ign">{{ author.replaceAll(' - Topic', '') }}</i>
       </a>