use <Image> in Header

yuheiy · Jan 4, 2024 · 79e2c81 · 79e2c81
1 parent 88ba6ea
commit 79e2c81
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,4 +1,5 @@
 ---
+import { Image } from 'astro:assets';
 import faviconImage from '../assets/favicon.svg';
 import { SITE_TITLE } from '../consts';
 
@@ -27,12 +28,11 @@ const Components = isHome
     <p class="wrapper pt-16 text-sm text-dynamic-muted kerning-normal">
       {/* eslint-disable-next-line astro/jsx-a11y/anchor-is-valid */}
       <a class="flex w-fit items-center gap-x-3" href={isHome ? null : '/'}>
-        <img
+        <Image
           class="w-7 rounded-full ring-1 ring-dynamic"
-          src={faviconImage.src}
-          width={faviconImage.width}
-          height={faviconImage.height}
+          src={faviconImage}
           alt=""
+          loading="eager"
         />
         {SITE_TITLE}
       </a>