remove bottom content

src/views/album/index.vue

@@ -1,18 +1,11 @@
 <template>
-  <Page :bottomRaisedCallback="fetchAlbumBio">
+  <Page>
     <template #header>
-      <Header :album="album.info" />
+      <Header :album="album.info" :bio="album.bio" />
     </template>
     <template #content>
       <Content :discs="album.discs" :copyright="album.info.copyright" />
     </template>
-    <template #bottom>
-      <Bottom
-        :artists="album.artists"
-        :bio="album.bio"
-        :image="album.info?.image"
-      />
-    </template>
   </Page>
 </template>
 
@@ -25,7 +18,6 @@ import {
 } from "vue-router";
 
 import Page from "@/layouts/HeaderContentBottom.vue";
-import Bottom from "./Bottom.vue";
 import Content from "./Content.vue";
 import Header from "./Header.vue";
 
@@ -36,6 +28,8 @@ function fetchAlbumBio(params: RouteParams) {
 }
 
 onBeforeRouteUpdate(async (to: RouteLocationNormalized) => {
-  await album.fetchTracksAndArtists(to.params.hash.toString());
+  await album
+    .fetchTracksAndArtists(to.params.hash.toString())
+    .then(() => album.fetchBio(to.params.hash.toString()));
 });
 </script>

src/views/playlist/index.vue

@@ -11,9 +11,6 @@
         :playlistid="playlist.info.playlistid"
       />
     </template>
-    <template #bottom>
-      <FeaturedArtists :artists="playlist.artists" />
-    </template>
   </Page>
 </template>
 
@@ -22,7 +19,6 @@ import Page from "@/layouts/HeaderContentBottom.vue";
 
 import Header from "@/components/PlaylistView/Header.vue";
 import Content from "./Content.vue";
-import FeaturedArtists from "@/components/PlaylistView/FeaturedArtists.vue";
 
 import usePTrackStore from "@/stores/pages/playlist";
 import { onMounted, onUnmounted } from "vue";