wazolab/la-boite-aux-lettres
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: broken img url

Browse Source
This commit is contained in:
Noé Viricel
2026-01-18 16:55:30 +01:00
parent e1f4eb1ab7
commit a9d6e8406a
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/VProject.vue
View File

@@ -5,6 +5,9 @@ const props = defineProps<{
project: ProjectsCollectionItem project: ProjectsCollectionItem
}>() }>()
const { app } = useRuntimeConfig()
const withBase = (path: string) => `${app.baseURL}${path.startsWith('/') ? path.slice(1) : path}`
const isMediumScreen = useMediaQuery('(min-width: 768px)') const isMediumScreen = useMediaQuery('(min-width: 768px)')
const descToggled = ref<boolean>(false) const descToggled = ref<boolean>(false)
const popupImageToggled = 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" /> <img v-if="popupImageToggled" class="popup-close" src="~/assets/icons/times-bazaar-white.svg" alt="" @click="popupImageToggled = false" />
</header> </header>
<div class="image-wrap"> <div class="image-wrap">
<img :src="project.image" :alt="project.title" /> <img :src="withBase(project.image)" :alt="project.title" />
<img v-if="popupImageToggled" :src="project.popupImage" :alt="project.title" /> <img v-if="popupImageToggled" :src="withBase(project.popupImage!)" :alt="project.title" />
</div> </div>
</article> </article>
</template> </template>