add hreflang

Author: kane50613

src/components/header.astro

@@ -18,7 +18,7 @@ const code = t("code");
 
 <div class="w-full mb-8 sticky top-0 z-50 bg-background/30 backdrop-blur">
   <nav class="h-16 flex items-center container mx-auto px-2.5">
-    <a href={`/${code}`} class="flex items-center">
+    <a href={`/${code}`} hreflang={code} class="flex items-center">
       <Image
         alt="Yeecord"
         src={logo}

src/components/home/home-item-container.astro

@@ -1,9 +1,10 @@
 ---
-const { href } = Astro.props;
+const { href, hreflang } = Astro.props;
 ---
 
 <a
   href={href}
+  hreflang={hreflang}
   class="block p-5 border border-border/40 rounded-md space-y-2 hover:bg-border/50 bg-secondary/30 transition-all active:scale-[0.975]"
 >
   <slot />

src/pages/[lang]/index.astro

@@ -46,7 +46,7 @@ for (const [fromId, from] of Object.entries(calculatorConfig)) {
   <p>{t("global.description")}</p>
   <h2 class="flex items-center gap-2"><Sparkles />{t("home.recommended")}</h2>
   <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
-    <HomeItemContainer href="/zh-tw/address-to-english">
+    <HomeItemContainer href="/zh-tw/address-to-english" hreflang="zh-TW">
       <Languages />
       <p>台灣中華郵政地址轉英文</p>
     </HomeItemContainer>