studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

lazy load images

Browse source
This commit is contained in:
Timothée Goguely 2025-02-12 16:30:36 +01:00
parent 390563be64
commit 092f3f0f7c
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/project/cards/Document.vue
View file

@ -16,7 +16,7 @@
class="card__images pdf-cover" class="card__images pdf-cover"
style="aspect-ratio: unset" style="aspect-ratio: unset"
> >
<img :src="pdf.cover" alt="" /> <img :src="pdf.cover" alt="" loading="lazy">
</figure> </figure>
<div v-else class="card__images" data-icon="document"></div> <div v-else class="card__images" data-icon="document"></div>
</template> </template>

2
src/components/project/cards/Images.vue
View file

@ -12,7 +12,7 @@
:data-plus="images.length > 3 ? images.length - 3 : undefined" :data-plus="images.length > 3 ? images.length - 3 : undefined"
> >
<template v-for="image in images.slice(0, 3)" :key="image.uuid"> <template v-for="image in images.slice(0, 3)" :key="image.uuid">
<img v-if="image.url" :src="image.url" :alt="image.alt" /> <img v-if="image.url" :src="image.url" :alt="image.alt" loading="lazy">
<div v-else class="card__images" data-icon="document"></div> <div v-else class="card__images" data-icon="document"></div>
</template> </template>
</figure> </figure>