rewrite album view using @Akryum/vue-virtual-scroller

src/utils/index.ts

@@ -5,6 +5,7 @@ import useFuse from "./useFuse";
 import { readLocalStorage, writeLocalStorage } from "./useLocalStorage";
 import putCommas from "./usePutCommas";
 import useVisibility from "./useVisibility";
+import useCreateTrackProps from "./useCreateTrackProps";
 
 export {
     readLocalStorage,
@@ -13,6 +14,7 @@ export {
     focusElemByClass,
     useVisibility,
     formatSeconds,
+    useCreateTrackProps as createTrackProps,
     putCommas,
     useFuse,
 };

src/utils/useCreateTrackProps.ts

@@ -0,0 +1,12 @@
+import { Track } from "@/interfaces";
+import queue from "@/stores/queue";
+
+export default function createTrackProps(track: Track) {
+  return {
+    track,
+    index: track.index + 1,
+    isCurrent: queue().currenttrack?.hash === track.hash,
+    isCurrentPlaying:
+      queue().currenttrack?.hash === track.hash && queue().playing,
+  };
+}