mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 20:43:04 +00:00
geoffrey45
e1c9cfa99b
+ show albumartist on TrackItem if artists == "" + add action to reset playlist page artists to prevent content flashes + remove use of defaultTrackItem
42 lines
1.0 KiB
Vue
42 lines
1.0 KiB
Vue
<template>
|
|
<Page>
|
|
<template #header>
|
|
<Header :info="playlist.info" />
|
|
</template>
|
|
<template #content>
|
|
<Content
|
|
:tracks="playlist.tracks"
|
|
:count="playlist.info?.count"
|
|
:name="playlist.info.name"
|
|
:playlistid="playlist.info.playlistid"
|
|
/>
|
|
</template>
|
|
<template #bottom>
|
|
<FeaturedArtists :artists="playlist.artists" />
|
|
</template>
|
|
</Page>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
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";
|
|
import { useRoute } from "vue-router";
|
|
|
|
const route = useRoute();
|
|
const playlist = usePTrackStore();
|
|
|
|
onMounted(() => {
|
|
playlist.fetchArtists(route.params.pid as string);
|
|
});
|
|
|
|
onUnmounted(() => playlist.reset());
|
|
</script>
|
|
|
|
<style lang="scss"></style>
|