From 3fa94afbef463662529c242d709272eca76afdcb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20Gangs=C3=B8?= <andreasgangso@gmail.com>
Date: Tue, 24 Mar 2026 10:28:26 +0100
Subject: [PATCH] fix: prevent stale data in TrackMenu by forcing remount on
 track change

Using :key on the whole menu prevents future similar issues and is a bit easier to manage, but I'd also recommend updating to a newer nuxt version where you can pass a reactive key to useLazyAsyncData (so you could do `useTrackTranscription(() => props.track.id)` instead)
---
 components/media-player/MediaPlayerOpen.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/media-player/MediaPlayerOpen.vue b/components/media-player/MediaPlayerOpen.vue
index eda243a7..b860c536 100644
--- a/components/media-player/MediaPlayerOpen.vue
+++ b/components/media-player/MediaPlayerOpen.vue
@@ -178,6 +178,7 @@ const trackCover = computed(() => coverForTrack(currentTrack.value));
         <div>
           <TrackMenu
             v-if="currentTrack"
+            :key="currentTrack.id"
             :track="currentTrack"
             origin="media-player"
             button-class="rounded-full border border-label-separator p-1.5"