swingmusic/src/views/FavoriteTracks.vue
2023-01-13 18:13:49 +03:00

24 lines
572 B
Vue

<template>
<SongList :tracks="tracks" :handlePlay="handlePlay" />
</template>
<script setup lang="ts">
import { Ref, ref } from "vue";
import { Track } from "@/interfaces";
import useQueueStore from "@/stores/queue";
import { getFavTracks } from "@/composables/fetch/favorite";
import SongList from "@/components/shared/SongList.vue";
const tracks: Ref<Track[]> = ref([]);
const queue = useQueueStore();
getFavTracks(0).then((data) => (tracks.value = data));
function handlePlay(index: number) {
queue.playFromFav(tracks.value);
queue.play(index);
}
</script>