From f1ddc05d17688fd586be5eb03cc364079c9d3952 Mon Sep 17 00:00:00 2001
From: Shelby Kay <bonjour@shelbykay.dev>
Date: Fri, 1 Oct 2021 23:40:33 +0200
Subject: [PATCH] Add lazy loading on images

---
 src/components/atoms/Image.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/atoms/Image.svelte b/src/components/atoms/Image.svelte
index 3a68f91..0c2ab4e 100644
--- a/src/components/atoms/Image.svelte
+++ b/src/components/atoms/Image.svelte
@@ -9,6 +9,7 @@
     export let sizes: any = {}
     export let fit: string = 'inside'
     export let format: string = 'jpg'
+    export let lazy: boolean = true
 
     // TODO:
     // - sizes
@@ -22,5 +23,6 @@
         width={width}
         height={height}
         alt={alt}
+        loading={lazy ? 'lazy' : undefined}
     />
 </picture>
\ No newline at end of file