From 6ca43090b83c730a7aacdd5ba407ee2201bb8f66 Mon Sep 17 00:00:00 2001
From: Petitminion <petitminion@riseup.net>
Date: Sun, 5 Oct 2025 12:44:19 +0200
Subject: [PATCH] fix(front):fetc palylist track on editor mount

---
 front/src/components/playlists/Editor.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/front/src/components/playlists/Editor.vue b/front/src/components/playlists/Editor.vue
index 1f4755478..2fa5c1e22 100644
--- a/front/src/components/playlists/Editor.vue
+++ b/front/src/components/playlists/Editor.vue
@@ -5,7 +5,7 @@ import type { Playlist, PlaylistTrack, BackendError, APIErrorResponse } from '~/
 
 import { useI18n } from 'vue-i18n'
 import { useVModels } from '@vueuse/core'
-import { computed, ref } from 'vue'
+import { computed, ref, onMounted } from 'vue'
 
 import { useQueue } from '~/composables/audio/queue'
 import { useStore } from '~/store'
@@ -165,17 +165,20 @@ const insertMany = async (insertedTracks: number[], allowDuplicates: boolean) =>
 
   isLoading.value = false
 }
+onMounted(() => {
+  fetchTracks()
+})
 </script>
 
 <template>
   <Layout stack>
-    <playlist-form
-      v-model:playlist="playlist"
-      :title="undefined"
-    />
     <h3 class="ui top attached header">
       {{ t('components.playlists.Editor.header.editor') }}
     </h3>
+    <playlist-form
+      v-model:playlist="playlist"
+      :title="false"
+    />
     <template v-if="status === 'loading'">
       <div class="ui active tiny inline loader" />
       {{ t('components.playlists.Editor.loading.sync') }}