Add missing LQIP props

haydenbleasel · Oct 23, 2024 · 4eb1a6d · 4eb1a6d
1 parent db67c34
commit 4eb1a6d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/apps/web/app/blog/[slug]/page.tsx b/apps/web/app/blog/[slug]/page.tsx
@@ -68,6 +68,8 @@ const BlogPost = async ({ params }: BlogPostProperties) => {
           alt=""
           className="my-16 h-full w-full rounded-xl"
           priority
+          blurDataURL={page.imageBlur}
+          placeholder="blur"
         />
       ) : undefined}
       <div className="mt-16 flex flex-col items-start gap-8 sm:flex-row">

diff --git a/apps/web/app/blog/page.tsx b/apps/web/app/blog/page.tsx
@@ -34,6 +34,8 @@ const Blog: FC = () => (
               alt={post.title}
               width={1336}
               height={751}
+              blurDataURL={post.imageBlur}
+              placeholder="blur"
             />
             <div className="flex flex-row items-center gap-4">
               <p className="text-muted-foreground text-sm">