working version

frontend/src/views/VlogDetail.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="max-w-6xl 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 du vlog...</p>
-    </div>
+          <!-- Loading state -->
+      <div v-if="loading" class="text-center py-12">
+        <LoadingLogo size="large" text="Chargement du vlog..." />
+      </div>
 
     <!-- Vlog not found -->
     <div v-else-if="!vlog" class="text-center py-12">
@@ -49,7 +48,7 @@
           <div class="flex items-center">
             <img
               v-if="vlog.author_avatar"
-              :src="vlog.author_avatar"
+              :src="getMediaUrl(vlog.author_avatar)"
               :alt="vlog.author_name"
               class="w-8 h-8 rounded-full object-cover mr-3"
             >
@@ -238,6 +237,7 @@ import {
 } from 'lucide-vue-next'
 import VideoPlayer from '@/components/VideoPlayer.vue'
 import VlogComments from '@/components/VlogComments.vue'
+import LoadingLogo from '@/components/LoadingLogo.vue'
 
 const route = useRoute()
 const router = useRouter()