add experimental remove from queue action

+ show albumartist on TrackItem if artists == ""
+ add action to reset playlist page artists to prevent content flashes
+ remove use of defaultTrackItem

src/views/album/Bottom.vue

@@ -2,7 +2,10 @@
   <div class="bottom-content">
     <FeaturedArtists :artists="artists" />
 
-    <AlbumBio :bio="bio" :images="{ album: image, artist: artists[0].image }" />
+    <AlbumBio
+      :bio="bio"
+      :images="{ album: image, artist: artists[0]?.image }"
+    />
   </div>
 </template>
 

src/views/album/index.vue

@@ -10,7 +10,7 @@
       <Bottom
         :artists="album.artists"
         :bio="album.bio"
-        :image="album.info.image"
+        :image="album.info?.image"
       />
     </template>
   </Page>

src/views/playlist/index.vue

@@ -6,7 +6,7 @@
     <template #content>
       <Content
         :tracks="playlist.tracks"
-        :count="playlist.info.count"
+        :count="playlist.info?.count"
         :name="playlist.info.name"
         :playlistid="playlist.info.playlistid"
       />
@@ -25,7 +25,7 @@ import Content from "./Content.vue";
 import FeaturedArtists from "@/components/PlaylistView/FeaturedArtists.vue";
 
 import usePTrackStore from "@/stores/pages/playlist";
-import { onBeforeUnmount, onMounted } from "vue";
+import { onMounted, onUnmounted } from "vue";
 import { useRoute } from "vue-router";
 
 const route = useRoute();
@@ -34,6 +34,8 @@ const playlist = usePTrackStore();
 onMounted(() => {
   playlist.fetchArtists(route.params.pid as string);
 });
+
+onUnmounted(() => playlist.reset());
 </script>
 
 <style lang="scss"></style>