update interfaces to use the updated property names

+ misc changes related to moving to sqlite

src/views/FolderView.vue

@@ -62,9 +62,9 @@ class songItem {
     this.props = {
       track,
       index: track.index + 1,
-      isCurrent: queue.currentid === track.trackid,
+      isCurrent: queue.currentid === track.id,
       isCurrentPlaying:
-        queue.currentid === track.trackid && queue.playing,
+        queue.currentid === track.id && queue.playing,
     };
   }
 }

src/views/PlaylistList.vue

@@ -3,7 +3,7 @@
     <div class="grid">
       <PlaylistCard
         v-for="p in pStore.playlists"
-        :key="p.playlistid"
+        :key="p.id"
         :playlist="p"
       />
     </div>

src/views/PlaylistView/index.vue

@@ -25,9 +25,9 @@
 import { computed } from "@vue/reactivity";
 import { onBeforeRouteLeave } from "vue-router";
 
-import useQueueStore from "@/stores/queue";
+import { isMedium, isSmall } from "@/stores/content-width";
 import usePlaylistStore from "@/stores/pages/playlist";
-import { isSmall, isMedium } from "@/stores/content-width";
+import useQueueStore from "@/stores/queue";
 
 import Header from "@/components/PlaylistView/Header.vue";
 import SongItem from "@/components/shared/SongItem.vue";
@@ -38,16 +38,16 @@ const playlist = usePlaylistStore();
 interface ScrollerItem {
   id: string | number;
   component: typeof Header | typeof SongItem;
-  props: Record<string, unknown>;
+  // props: Record<string, unknown>;
   size: number;
 }
 
 const header: ScrollerItem = {
   id: "header",
   component: Header,
-  props: {
-    info: playlist.info,
-  },
+  // props: {
+  //   info: playlist.info,
+  // },
   size: 19 * 16,
 };
 
@@ -61,8 +61,8 @@ const scrollerItems = computed(() => {
         props: {
           track: track,
           index: track.index + 1,
-          isCurrent: queue.currentid === track.trackid,
-          isCurrentPlaying: queue.currentid === track.trackid && queue.playing,
+          isCurrent: queue.currentid === track.id,
+          isCurrentPlaying: queue.currentid === track.id && queue.playing,
         },
         size: 64,
       };
@@ -71,8 +71,8 @@ const scrollerItems = computed(() => {
 });
 
 function playFromPlaylistPage(index: number) {
-  const { name, playlistid } = playlist.info;
-  queue.playFromPlaylist(name, playlistid, playlist.allTracks);
+  const { name, id } = playlist.info;
+  queue.playFromPlaylist(name, id, playlist.allTracks);
   queue.play(index);
 }
 

src/views/QueueView.vue

@@ -16,9 +16,9 @@
       <SongItem
         :track="item.track"
         :index="index + 1"
-        :isCurrent="queue.currentid === item.track.trackid"
+        :isCurrent="queue.currentid === item.track.id"
         :isCurrentPlaying="
-          queue.currentid === item.track.trackid && queue.playing
+          queue.currentid === item.track.id && queue.playing
         "
         @playThis="playFromQueue(index)"
       />