Hotfixes

src/components/Charts.vue

@@ -9,6 +9,8 @@ import { getJsonHyp } from '@/scripts/fetch.js';
 import { useResults, useArtist } from '@/stores/results.js';
 import { useI18n } from '@/stores/misc.js';
 
+defineEmits(['play-urls']);
+
 const { getArtist } = useArtist(),
   results = useResults(),
   { t } = useI18n();
@@ -73,7 +75,20 @@ onMounted(() => {
         :title="i.title"
         :author="i.subtitle"
         :channel="'/channel/' + i.subId"
-        :art="i.thumbnails[0].url" />
+        :art="i.thumbnails[0].url"
+        @open-song="
+          $emit('play-urls', [
+            {
+              url: '/watch?v=' + i.id,
+              title: i.title,
+              thumbnails: [
+                {
+                  url: i.thumbnails[1]?.url || i.thumbnails[0]?.url,
+                },
+              ],
+            },
+          ])
+        " />
     </div>
   </template>
 </template>

src/components/NowPlaying.vue

@@ -22,8 +22,6 @@ defineEmits(['get-artist']);
 <style scoped>
 h1 {
   font-weight: 500;
-  font-size: 2.6rem;
-  top: -10px;
 }
 
 h3 {

src/components/Search.vue

@@ -196,6 +196,7 @@ onUpdated(() => {
       <template v-for="(song, index) in results.items.songs.items">
         <SongItem
           :index="index"
+          :playlistId="song.playlistId"
           :author="song.uploaderName || song.subtitle"
           :title="song.title || song.name"
           :channel="song.uploaderUrl || '/channel/' + song.subId"

src/components/SongItem.vue

@@ -11,8 +11,7 @@ import { useData, usePlayer } from '@/stores/player.js';
 const rand = useRand(),
   data = useData(),
   player = usePlayer(),
-  artist = useArtist(),
-  { playlistId } = useResults();
+  artist = useArtist();
 
 const props = defineProps({
     index: Number,
@@ -21,6 +20,7 @@ const props = defineProps({
     channel: String,
     play: String,
     art: String,
+    playlistId: String,
   }),
   emit = defineEmits(['open-song', 'remove']),
   show = ref(false);
@@ -58,7 +58,7 @@ const openSong = el => {
         },
         body: JSON.stringify({
           index: props.index,
-          playlistId,
+          playlistId: props.playlistId,
         }),
       }).then(json => {
         console.log(json);
@@ -120,12 +120,10 @@ onMounted(() => {
         <div v-if="show" class="popup ign">
           <!-- TODO: Check if user is admin -->
           <span
-            v-if="useStore().auth && playlistId"
+            v-if="playlistId"
             class="bi bi-dash-lg clickable ign"
             @click="Remove"></span>
-
           <span class="bi bi-plus-lg clickable ign" @click="addSong"></span>
-
           <span class="bi bi-share clickable ign" @click="Share"></span>
         </div>
       </Transition>