Add locale to SiteTitle link (#57)

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
withastro · May 17, 2023 · 5b6cccb · 5b6cccb
1 parent 0040a06
commit 5b6cccb
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/.changeset/tidy-forks-taste.md b/.changeset/tidy-forks-taste.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Update site title link to include locale
diff --git a/packages/starlight/components/Header.astro b/packages/starlight/components/Header.astro
@@ -8,15 +8,17 @@ import ThemeSelect from './ThemeSelect.astro';
 interface Props {
   locale: string | undefined;
 }
+
+const { locale } = Astro.props
 ---
 
 <div class="header">
-  <SiteTitle />
+  <SiteTitle {locale} />
   <Search />
   <div class="hidden md:flex right-group">
     <SocialIcons />
     <ThemeSelect />
-    <LanguageSelect locale={Astro.props.locale} />
+    <LanguageSelect {locale}/>
   </div>
 </div>
 

diff --git a/packages/starlight/components/SiteTitle.astro b/packages/starlight/components/SiteTitle.astro
@@ -2,6 +2,10 @@
 import { logos } from 'virtual:starlight/user-images';
 import config from 'virtual:starlight/user-config';
 
+interface Props {
+  locale: string | undefined;
+}
+
 if (config.logo) {
   let err: string | undefined;
   if ('src' in config.logo) {
@@ -17,9 +21,15 @@ if (config.logo) {
   }
   if (err) throw new Error(err);
 }
+
+const { locale } = Astro.props
+
+const href = locale
+  ? `${import.meta.env.BASE_URL.replace(/\/$/, '')}/${locale}/`
+  : import.meta.env.BASE_URL
 ---
 
-<a href={import.meta.env.BASE_URL} class="site-title flex">
+<a {href} class="site-title flex">
   {
     config.logo && logos.dark && (
       <>