refactor: navbar, i18n

src/components/layout/navbar/NavbarBrand.astro

@@ -5,17 +5,20 @@ interface Props {
     logoImageUrl: string;
     siteTitle: string;
     siteSubTitle: string;
+    homeUrl?: string;
 }
 
-const { logoImageUrl, siteTitle, siteSubTitle } = Astro.props;
+const { logoImageUrl, siteTitle, siteSubTitle, homeUrl = '/' } = Astro.props;
 const hasLogo = logoImageUrl && logoImageUrl.length > 0;
 ---
 
-<div
+<a
+    href={homeUrl}
     class:list={[
-        'flex h-full items-center',
+        'navbar-brand flex h-full items-center',
         'space-x-4 sm:space-x-6 md:space-x-8 lg:space-x-10',
         'px-4 sm:px-6 md:px-8 lg:px-10',
+        'cursor-pointer no-underline',
     ]}
 >
     {
@@ -34,21 +37,21 @@ const hasLogo = logoImageUrl && logoImageUrl.length > 0;
         )
     }
     <div class="text-color-ui grid grid-cols-1 gap-1 sm:gap-2 md:gap-3">
-        <a
+        <span
             class:list={[
                 'site-title font-bold subpixel-antialiased',
                 'text-xl sm:text-2xl md:text-3xl lg:text-4xl',
-            ]}>{siteTitle}</a
+            ]}>{siteTitle}</span
         >
-        <a
+        <span
             class:list={[
                 'site-subtitle font-medium subpixel-antialiased',
                 'text-xs sm:text-sm md:text-base lg:text-xl',
                 'hidden sm:block',
-            ]}>{siteSubTitle}</a
+            ]}>{siteSubTitle}</span
         >
     </div>
-</div>
+</a>
 
 <style>
     .site-title {

src/components/layout/navbar/SiteNavbar.astro

@@ -7,17 +7,25 @@ interface Props {
     logoUrl: string;
     siteTitle: string;
     siteSubTitle: string;
+    homeUrl?: string;
     isFixed?: boolean;
 }
 
-const { logoUrl, siteTitle, siteSubTitle, isFixed = false } = Astro.props;
+const {
+    logoUrl,
+    siteTitle,
+    siteSubTitle,
+    homeUrl = '/',
+    isFixed = false,
+} = Astro.props;
 ---
 
 <SmartNavbar isFixed={isFixed} client:load>
     <NavbarBrand
         logoImageUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteSubTitle}
+        homeUrl={homeUrl}
     />
     <NavbarUtility />
 </SmartNavbar>

src/pages/[lang]/about.astro

@@ -66,6 +66,7 @@ const canonicalUrl = `${env.site.url}/${locale}/about`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
         isFixed={true}
     />
 

src/pages/[lang]/index.astro

@@ -50,6 +50,7 @@ const canonicalUrl = `${env.site.url}/${locale}`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
     />
 
     <main class="mx-auto">

src/pages/[lang]/p/[key].astro

@@ -87,6 +87,7 @@ const fallbackMessage = isFallback
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
         isFixed={true}
     />
 

src/pages/[lang]/post-view.astro

@@ -63,6 +63,7 @@ const canonicalUrl = `${env.site.url}/${locale}/post-view`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
     />
     <PostViewContainer posts={posts} />
     <Dock isFixed={true}>

src/pages/[lang]/privacy-policy.astro

@@ -73,6 +73,7 @@ const canonicalUrl = `${env.site.url}/${locale}/privacy-policy`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
         isFixed={true}
     />
 

src/pages/contact.astro

@@ -15,6 +15,7 @@ const { siteTitle, siteDescription, logoUrl, coverImageUrl } =
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl="/zh"
         isFixed={true}
     />
 

src/pages/posts/[post].astro

@@ -48,6 +48,7 @@ const { title, feature_image, primary_tag, tags, published_at, html } =
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl="/zh"
         isFixed={true}
     />
     <PostContent