From f9614128622583cba6f65cb4202d56a71b4269a3 Mon Sep 17 00:00:00 2001
From: Tony Sullivan <tony.f.sullivan@outlook.com>
Date: Sat, 9 Jul 2022 18:44:31 +0000
Subject: [PATCH] Updating the <Picture /> component to default to async image
 decoding (#3876)

* defaulting pictures to use decoding=async

* chore: add changeset
---
 .changeset/quiet-bananas-obey.md                     | 5 +++++
 packages/integrations/image/components/Picture.astro | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/quiet-bananas-obey.md

diff --git a/.changeset/quiet-bananas-obey.md b/.changeset/quiet-bananas-obey.md
new file mode 100644
index 000000000000..42ed93312fc8
--- /dev/null
+++ b/.changeset/quiet-bananas-obey.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/image': patch
+---
+
+Bug: Updating the <Picture /> component to default to async image decoding
diff --git a/packages/integrations/image/components/Picture.astro b/packages/integrations/image/components/Picture.astro
index ed2cfd49e387..fb1f1e2bd214 100644
--- a/packages/integrations/image/components/Picture.astro
+++ b/packages/integrations/image/components/Picture.astro
@@ -21,7 +21,7 @@ export interface RemoteImageProps extends Omit<PictureAttributes, 'src' | 'width
 
 export type Props = LocalImageProps | RemoteImageProps;
 
-const { src, sizes, widths, aspectRatio, formats = ['avif', 'webp'], loading = 'lazy', decoding = 'eager', ...attrs } = Astro.props as Props;
+const { src, sizes, widths, aspectRatio, formats = ['avif', 'webp'], loading = 'lazy', decoding = 'async', ...attrs } = Astro.props as Props;
 
 const { image, sources } = await getPicture({ loader, src, widths, formats, aspectRatio });
 ---