mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-03 20:13:02 +00:00
geoffrey45
48 lines
886 B
Vue
48 lines
886 B
Vue
<template>
|
|
<div class="tracks-results border" v-if="tracks">
|
|
<div class="heading">🎵 TRACKS</div>
|
|
<div class="items">
|
|
<table>
|
|
<tbody>
|
|
<TrackItem
|
|
v-for="track in props.tracks"
|
|
:key="track"
|
|
:track="track"
|
|
/>
|
|
</tbody>
|
|
</table>
|
|
<LoadMore v-if="more" @loadMore="loadMore" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import LoadMore from "./LoadMore.vue";
|
|
import TrackItem from "../shared/TrackItem.vue";
|
|
|
|
const props = defineProps({
|
|
tracks: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
more: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
});
|
|
|
|
const emit = defineEmits(["loadMore"])
|
|
|
|
function loadMore() {
|
|
emit("loadMore", "tracks");
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.right-search .tracks-results {
|
|
border-radius: 0.5rem;
|
|
margin-left: $small;
|
|
padding: $small;
|
|
}
|
|
</style>
|