chore: support isActive link all subpages (withastro#9694)

* chore: support isActive link all subpages * Update examples/blog/src/components/HeaderLink.astro Co-authored-by: Florian Lefebvre <[email protected]> --------- Co-authored-by: Nate Moore <[email protected]> Co-authored-by: Florian Lefebvre <[email protected]>
eshimischi · Jan 30, 2024 · 2adf3b5 · 2adf3b5
1 parent bcc504d
commit 2adf3b5
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/examples/blog/src/components/HeaderLink.astro b/examples/blog/src/components/HeaderLink.astro
@@ -6,7 +6,8 @@ type Props = HTMLAttributes<'a'>;
 const { href, class: className, ...props } = Astro.props;
 
 const { pathname } = Astro.url;
-const isActive = href === pathname || href === pathname.replace(/\/$/, '');
+const subpath = pathname.match(/[^\/]+/g);
+const isActive = href === pathname || href === '/' + subpath?.[0];
 ---
 
 <a href={href} class:list={[className, { active: isActive }]} {...props}>