From 092f3f0f7ceaf06f0ef691a753f3959c01405f2c Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 12 Feb 2025 16:30:36 +0100
Subject: [PATCH] lazy load images

---
 src/components/project/cards/Document.vue | 2 +-
 src/components/project/cards/Images.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/project/cards/Document.vue b/src/components/project/cards/Document.vue
index b777d3d..4a4b60c 100644
--- a/src/components/project/cards/Document.vue
+++ b/src/components/project/cards/Document.vue
@@ -16,7 +16,7 @@
         class="card__images pdf-cover"
         style="aspect-ratio: unset"
       >
-        <img :src="pdf.cover" alt="" />
+        <img :src="pdf.cover" alt="" loading="lazy">
       </figure>
       <div v-else class="card__images" data-icon="document"></div>
     </template>
diff --git a/src/components/project/cards/Images.vue b/src/components/project/cards/Images.vue
index be43396..b76ad66 100644
--- a/src/components/project/cards/Images.vue
+++ b/src/components/project/cards/Images.vue
@@ -12,7 +12,7 @@
       :data-plus="images.length > 3 ? images.length - 3 : undefined"
     >
       <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>
       </template>
     </figure>