From a9d6e8406a59e4e36eff80e2f1d8283a9c23b85d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Sun, 18 Jan 2026 16:55:30 +0100
Subject: [PATCH] fix: broken img url

---
 app/components/VProject.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/components/VProject.vue b/app/components/VProject.vue
index 5da4976..766a603 100644
--- a/app/components/VProject.vue
+++ b/app/components/VProject.vue
@@ -5,6 +5,9 @@ const props = defineProps<{
   project: ProjectsCollectionItem
 }>()
 
+const { app } = useRuntimeConfig()
+const withBase = (path: string) => `${app.baseURL}${path.startsWith('/') ? path.slice(1) : path}`
+
 const isMediumScreen = useMediaQuery('(min-width: 768px)')
 const descToggled = ref<boolean>(false)
 const popupImageToggled = ref<boolean>(false) 
@@ -52,8 +55,8 @@ function handleToggle() {
       <img v-if="popupImageToggled" class="popup-close" src="~/assets/icons/times-bazaar-white.svg" alt="" @click="popupImageToggled = false"  />
     </header>
     <div class="image-wrap">
-      <img :src="project.image" :alt="project.title" />
-      <img v-if="popupImageToggled" :src="project.popupImage" :alt="project.title" />
+      <img :src="withBase(project.image)" :alt="project.title" />
+      <img v-if="popupImageToggled" :src="withBase(project.popupImage!)" :alt="project.title" />
     </div>
   </article>
 </template>