mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 20:43:04 +00:00
geoffrey45
42 lines
979 B
Vue
42 lines
979 B
Vue
<template>
|
|
<Page :bottomRaisedCallback="fetchAlbumBio">
|
|
<template #header>
|
|
<Header :album="album.info" />
|
|
</template>
|
|
<template #content>
|
|
<Content :tracks="album.tracks" />
|
|
</template>
|
|
<template #bottom>
|
|
<Bottom
|
|
:artists="album.artists"
|
|
:bio="album.bio"
|
|
:image="album.info.image"
|
|
/>
|
|
</template>
|
|
</Page>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import useAStore from "@/stores/pages/album";
|
|
import {
|
|
onBeforeRouteUpdate,
|
|
RouteLocationNormalized,
|
|
RouteParams,
|
|
} from "vue-router";
|
|
|
|
import Page from "@/layouts/HeaderContentBottom.vue";
|
|
import Bottom from "./Bottom.vue";
|
|
import Content from "./Content.vue";
|
|
import Header from "./Header.vue";
|
|
|
|
const album = useAStore();
|
|
|
|
function fetchAlbumBio(params: RouteParams) {
|
|
album.fetchBio(params.hash.toString());
|
|
}
|
|
|
|
onBeforeRouteUpdate(async (to: RouteLocationNormalized) => {
|
|
await album.fetchTracksAndArtists(to.params.hash.toString());
|
|
});
|
|
</script>
|