From 7f717ca701b5c5bd7322853a1ad38cd54ff40b85 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Mon, 19 Sep 2022 00:03:55 +0300
Subject: [PATCH] fix: indexing issue on queue virtual list

---
 src/components/RightSideBar/Queue.vue | 7 +++----
 src/stores/queue.ts                   | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/RightSideBar/Queue.vue b/src/components/RightSideBar/Queue.vue
index dccce504..ab8252b6 100644
--- a/src/components/RightSideBar/Queue.vue
+++ b/src/components/RightSideBar/Queue.vue
@@ -10,14 +10,14 @@
     <div class="inner" v-bind="wrapperProps">
       <TrackItem
         style="height: 64px"
-        v-for="(t, index) in tracks"
+        v-for="t in tracks"
         :key="t.index"
         :track="t.data"
-        :index="index"
+        :index="t.index"
         :isPlaying="queue.playing"
         :isCurrent="t.index === queue.currentindex"
         :isQueueTrack="true"
-        @PlayThis="playFromQueue(index)"
+        @PlayThis="playFromQueue(t.index)"
       />
     </div>
   </div>
@@ -49,7 +49,6 @@ const {
   scrollTo,
 } = useVirtualList(source, {
   itemHeight: 64,
-  overscan: 10,
 });
 
 onMounted(() => {
diff --git a/src/stores/queue.ts b/src/stores/queue.ts
index c495e038..95b273e9 100644
--- a/src/stores/queue.ts
+++ b/src/stores/queue.ts
@@ -1,6 +1,6 @@
+import { focusElem } from "@/utils";
 import { paths } from "@/config";
 import { defineStore } from "pinia";
-import state from "../composables/state";
 import { NotifType, useNotifStore } from "./notification";
 
 import { FromOptions } from "../composables/enums";