From cc2f85c2f7aa86143a1ca2ee3801432bf8083de6 Mon Sep 17 00:00:00 2001
From: Sebastian Lay <mail@sebastian-lay.de>
Date: Sun, 17 Mar 2024 13:14:23 +0100
Subject: [PATCH] Enabled lazy loading of images

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ec73b82..3da3860 100644
--- a/index.html
+++ b/index.html
@@ -64,8 +64,8 @@
         </section>
       </aside>
       <ul v-cloak>
-        <li v-for="film in films">
-          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name">
+        <li v-for="(film, index) in films">
+          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" :loading="index > 9 ? 'lazy' : null">
           <h2>{{film.name}}</h2>
           <p>
             <span v-if="film.description">{{film.description}}</span>