From 3da3b6491b02aedf39e0818494135c1bf83d3a5d Mon Sep 17 00:00:00 2001
From: Nicolas Froger <nicolas@kektus.xyz>
Date: Thu, 25 Jul 2024 12:48:01 +0200
Subject: [PATCH] frontend: lazy load posts images

Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>
---
 summer2024-frontend/src/components/PostComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/summer2024-frontend/src/components/PostComponent.vue b/summer2024-frontend/src/components/PostComponent.vue
index 6b1a661..7882589 100644
--- a/summer2024-frontend/src/components/PostComponent.vue
+++ b/summer2024-frontend/src/components/PostComponent.vue
@@ -59,7 +59,7 @@ function postDataToggle() {
 <template>
   <div class="section relative overflow-hidden" ref="section" :data-anchor="'post-' + post.id">
     <div class="slide relative overflow-hidden" v-for="asset in post.assets" :key="asset">
-      <img class="absolute top-0 left-0 w-full h-full object-cover -z-10" :src="asset" />
+      <img class="absolute top-0 left-0 w-full h-full object-cover -z-10" :data-src="asset" />
       <div class="grid grid-cols-3 grid-rows-5 absolute w-full h-full top-0 left-0 pointer-events-none">
         <div ref="postData" class="col-start-1 col-span-3 lg:col-span-1 row-start-4 row-span-2 self-end place-self-stretch m-6 p-2 bg-gray-400/10 backdrop-blur-sm rounded-lg pointer-events-auto transition-colors duration-500">
           <div class="absolute top-0 right-0 m-2 p-2 backdrop-blur-sm rounded-sm bg-black/10 hover:bg-black/20 cursor-pointer transition-colors duration-200 opacity-100" ref="postActionBtn" @click="postDataToggle">