From a9cb8c45d5bed2382262098c1c414d47d796312f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Wed, 10 Dec 2025 20:09:16 +0100
Subject: [PATCH] Added Slider

---
 app/pages/index.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index a83a0e4..c162f35 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,12 +1,18 @@
+<script setup lang="ts"></script>
+
 <template>
-	<AlbumCard
-		name="I Know You'll Forget Me"
-		file="https://t2.genius.com/unsafe/344x344/https%3A%2F%2Fimages.genius.com%2F837160aed59b6cb52acc489d89e99fa6.1000x998x1.jpg"
-		:artists="[
-			{ name: 'Kado', _id: '1' },
-			{ name: 'Kado', _id: '1' },
-		]"
-		:genre="{ name: 'Folk', _id: '1' }"
-		_id="1"
-	/>
+	<Slider title="Folk">
+		<AlbumCard
+			v-for="index in 10"
+			:key="index"
+			name="I Know You'll Forget Me"
+			file="https://t2.genius.com/unsafe/344x344/https%3A%2F%2Fimages.genius.com%2F837160aed59b6cb52acc489d89e99fa6.1000x998x1.jpg"
+			:artists="[
+				{ name: 'Kado', _id: '1' },
+				{ name: 'Kado', _id: '1' },
+			]"
+			:genre="{ name: 'Folk', _id: '1' }"
+			_id="1"
+		/>
+	</Slider>
 </template>