working version

frontend/src/views/AlbumDetail.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-    <!-- Loading state -->
-    <div v-if="loading" class="text-center py-12">
-      <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mx-auto"></div>
-      <p class="mt-4 text-gray-600">Chargement de l'album...</p>
-    </div>
+          <!-- Loading state -->
+      <div v-if="loading" class="text-center py-12">
+        <LoadingLogo size="large" text="Chargement de l'album..." />
+      </div>
 
     <!-- Album not found -->
     <div v-else-if="!album" class="text-center py-12">
@@ -586,6 +585,7 @@ import {
   ChevronLeft,
   ChevronRight
 } from 'lucide-vue-next'
+import LoadingLogo from '@/components/LoadingLogo.vue'
 
 const route = useRoute()
 const router = useRouter()
@@ -859,4 +859,4 @@ onUnmounted(() => {
   // Clean up event listeners
   document.removeEventListener('keydown', handleKeyboardNavigation)
 })
-</script>
+</script>