From 6c10a53a75a8933c54e553bbccd1cb578b89977a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Tue, 24 Feb 2026 18:26:19 +0100
Subject: [PATCH] Made small architectural change for TrackRow

---
 app/components/Track/Row.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/components/Track/Row.vue b/app/components/Track/Row.vue
index 2767536..0aafb31 100644
--- a/app/components/Track/Row.vue
+++ b/app/components/Track/Row.vue
@@ -8,6 +8,7 @@ interface TrackRowProps {
 }
 
 const { track, index, extendedInfo } = defineProps<TrackRowProps>()
+const emit = defineEmits<{ (e: "playAlbumAtIndex"): void }>()
 
 const hovering = ref(false)
 
@@ -38,8 +39,6 @@ const dropdownMenuItems: DropdownMenuItem[] = [
 const durationFormatted = computed(() =>
 	new Date(track.durationInSeconds * 1000).toISOString().slice(14, 19),
 )
-
-const play = () => {}
 </script>
 
 <template>
@@ -50,7 +49,11 @@ const play = () => {}
 		@mouseleave="hovering = false"
 	>
 		<div class="index">
-			<Icon name="lucide:play" @click="play" v-if="hovering" />
+			<Icon
+				name="lucide:play"
+				@click="emit('playAlbumAtIndex')"
+				v-if="hovering"
+			/>
 			<p v-else>{{ index + 1 }}</p>
 		</div>