Fix some Picture component typescript errors

kuncarahadi · Jan 31, 2023 · d4560c1 · d4560c1
1 parent 67f43c6
commit d4560c1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/blog/GridItem.astro b/src/components/blog/GridItem.astro
@@ -23,11 +23,13 @@ const image = await findImage(post.image);
           src={image}
           class="md:object-cover w-full md:w-auto md:h-full rounded shadow-lg bg-gray-400 dark:bg-slate-700"
           widths={[400, 900]}
-          width="400"
-          height="224"
+          width={400}
+          height={224}
           sizes="(max-width: 900px) 400px, 900px"
           alt={post.title}
           aspectRatio="16:9"
+          loading="lazy"
+          decoding="async"
         />
       )
     }

diff --git a/src/components/blog/SinglePost.astro b/src/components/blog/SinglePost.astro
@@ -61,6 +61,9 @@ const { post, url } = Astro.props;
             aspectRatio={16 / 9}
             width={900}
             height={506}
+            loading="eager"
+            decoding="async"
+            background={undefined}
           />
         ) : (
           <div class="max-w-3xl mx-auto px-4 sm:px-6">