From 1013c02d73561427c5d7350692c1585d197ffb03 Mon Sep 17 00:00:00 2001
From: Sebastian Lay <mail@sebastian-lay.de>
Date: Fri, 23 Jul 2021 23:11:48 +0200
Subject: [PATCH] Enabled lazy loading for images

---
 guide.html  | 2 +-
 index.html  | 2 +-
 random.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/guide.html b/guide.html
index b42a78f..19f39e5 100644
--- a/guide.html
+++ b/guide.html
@@ -32,7 +32,7 @@
           </aside>
         </li>
         <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">
+          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
           <h2>{{film.name}}</h2>
           <p>
             <span v-if="film.description">{{film.description}}</span>
diff --git a/index.html b/index.html
index f1e85d3..ed34849 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
       </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">
+          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
           <h2>{{film.name}}</h2>
           <p>
             <span v-if="film.description">{{film.description}}</span>
diff --git a/random.html b/random.html
index 35e6d70..b2b37de 100644
--- a/random.html
+++ b/random.html
@@ -19,7 +19,7 @@
     <main v-if="show">
       <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">
+          <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
           <h2>{{film.name}}</h2>
           <p>
             <span v-if="film.description">{{film.description}}</span>