add new album header

This commit is contained in:
geoffrey45
2022-02-19 18:43:17 +03:00
parent dcfb0a6ed1
commit a6bb5059b0
18 changed files with 101 additions and 189 deletions
+4 -20
View File
@@ -19,9 +19,9 @@
</p>
</div>
</div>
<div class="scrollable-r border rounded">
<TrackItem v-for="song in queue" :key="song.track_id" :track="song" />
</div>
<div class="scrollable-r border rounded">
<TrackItem v-for="song in queue" :key="song.track_id" :track="song" />
</div>
</div>
</div>
</template>
@@ -34,30 +34,14 @@ import { watch } from "@vue/runtime-core";
import TrackItem from "../shared/TrackItem.vue";
export default {
props: ["up_next"],
setup(props, { emit }) {
const is_expanded = toRefs(props).up_next;
setup() {
const queue = ref(perks.queue);
const next = ref(perks.next);
let collapse = () => {
emit("expandQueue");
};
watch(is_expanded, (newVal) => {
if (newVal) {
setTimeout(() => {
perks.focusCurrent();
}, 1000);
}
});
const { playNext } = audio;
const putCommas = perks.putCommas;
return {
collapse,
is_expanded,
playNext,
putCommas,
queue,