37 lines
1.8 KiB
Svelte
37 lines
1.8 KiB
Svelte
<script lang="ts">
|
|
import QueueSlider from "$lib/components/QueueSlider.svelte"
|
|
|
|
let songs = $state([
|
|
{
|
|
name: "Cisco PT - Cantarex",
|
|
image: "https://s2.qwant.com/thumbr/474x474/5/9/bcbd0c0aeb1838f6916bf452c557251d7be985a13449e49fccb567a3374d4e/OIP.pmqEiKWv47zViDGgPgbbQAHaHa.jpg?u=https%3A%2F%2Ftse.mm.bing.net%2Fth%2Fid%2FOIP.pmqEiKWv47zViDGgPgbbQAHaHa%3Fr%3D0%26pid%3DApi&q=0&b=1&p=0&a=0",
|
|
points: 0,
|
|
},
|
|
{
|
|
name: "Io e i miei banchi - Paul Ham",
|
|
image: "https://i.prcdn.co/img?regionKey=RbtvKb5E1Cv4j1VWm2uGrw%3D%3D",
|
|
points: 0,
|
|
},
|
|
{
|
|
name: "Ragatthi - Bersatetthi",
|
|
image: "https://s2.qwant.com/thumbr/474x474/5/9/bcbd0c0aeb1838f6916bf452c557251d7be985a13449e49fccb567a3374d4e/OIP.pmqEiKWv47zViDGgPgbbQAHaHa.jpg?u=https%3A%2F%2Ftse.mm.bing.net%2Fth%2Fid%2FOIP.pmqEiKWv47zViDGgPgbbQAHaHa%3Fr%3D0%26pid%3DApi&q=0&b=1&p=0&a=0",
|
|
points: 0,
|
|
},
|
|
{
|
|
name: "Quarta",
|
|
image: "https://s2.qwant.com/thumbr/474x474/5/9/bcbd0c0aeb1838f6916bf452c557251d7be985a13449e49fccb567a3374d4e/OIP.pmqEiKWv47zViDGgPgbbQAHaHa.jpg?u=https%3A%2F%2Ftse.mm.bing.net%2Fth%2Fid%2FOIP.pmqEiKWv47zViDGgPgbbQAHaHa%3Fr%3D0%26pid%3DApi&q=0&b=1&p=0&a=0",
|
|
points: 0,
|
|
},
|
|
{
|
|
name: "Quinta",
|
|
image: "https://s2.qwant.com/thumbr/474x474/5/9/bcbd0c0aeb1838f6916bf452c557251d7be985a13449e49fccb567a3374d4e/OIP.pmqEiKWv47zViDGgPgbbQAHaHa.jpg?u=https%3A%2F%2Ftse.mm.bing.net%2Fth%2Fid%2FOIP.pmqEiKWv47zViDGgPgbbQAHaHa%3Fr%3D0%26pid%3DApi&q=0&b=1&p=0&a=0",
|
|
points: 0,
|
|
},
|
|
])
|
|
|
|
let playing = $state(1)
|
|
</script>
|
|
|
|
<div class="flex w-full flex-col items-center justify-center p-4 lg:p-10">
|
|
<QueueSlider {songs} {playing} />
|
|
</div>
|