From 2fd2d252ca6768a1fc013b455f3ceaafc8f2cd3e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= Date: Sun, 21 Aug 2022 11:44:55 +0200 Subject: [PATCH] Allow Image component to not use async decoding --- src/components/atoms/Image.svelte | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/atoms/Image.svelte b/src/components/atoms/Image.svelte index 10e8a08..479a1c7 100644 --- a/src/components/atoms/Image.svelte +++ b/src/components/atoms/Image.svelte @@ -10,6 +10,7 @@ export let ratio: number = undefined export let alt: string export let lazy: boolean = true + export let decoding: "auto" | "sync" | "async" = "auto" interface Sizes { small?: { width?: number, height?: number } @@ -78,8 +79,8 @@ srcset={srcSet.jpg.join(', ').trim()} width={imgWidth} height={imgHeight} - alt={alt} + {alt} loading={lazy ? 'lazy' : undefined} - decoding={lazy ? "async" : undefined} + {decoding} /> \ No newline at end of file