feat: store current track object to enable clear queue to work correctly

src/components/LeftSidebar/NP/SongCard.vue

@@ -11,11 +11,15 @@
           }"
         >
           <div class="art">
-            <img :src="imguri + track.image" alt="" class="l-image rounded" />
+            <img
+              :src="imguri + track.image"
+              alt=""
+              class="l-image rounded force-lm"
+            />
           </div>
         </router-link>
 
-        <div id="bitrate">
+        <div id="bitrate" v-if="track.bitrate">
           <span v-if="track.bitrate > 1500">MASTER</span>
           <span v-else-if="track.bitrate > 330">FLAC</span>
           <span v-else>MP3</span>
@@ -40,8 +44,8 @@
 
 <script setup lang="ts">
 import { putCommas } from "@/utils";
-import { paths } from "../../config";
-import { Track } from "../../interfaces";
+import { paths } from "../../../config";
+import { Track } from "../../../interfaces";
 const imguri = paths.images.thumb;
 
 const props = defineProps<{

src/components/LeftSidebar/nowPlaying.vue

@@ -10,7 +10,7 @@
     </div>
     <div class="separator no-border"></div>
     <div>
-      <SongCard :track="queue.tracks[queue.current]" />
+      <SongCard :track="queue.currenttrack" />
       <div class="l-track-time">
         <span class="rounded">{{ formatSeconds(queue.duration.current) }}</span
         ><span class="rounded">{{ formatSeconds(queue.duration.full) }}</span>
@@ -36,7 +36,7 @@ import { formatSeconds } from "@/utils";
 
 import HotKeys from "./NP/HotKeys.vue";
 import Progress from "./NP/Progress.vue";
-import SongCard from "./SongCard.vue";
+import SongCard from "./NP/SongCard.vue";
 
 const queue = useQStore();
 const contextStore = useContextStore();