Merge pull request #22 from cassidoo/cw/headerlinks

Add check for header link and trailing slash
This commit is contained in:
Cassidy Williams
2024-12-14 10:44:39 -06:00
committed by GitHub

View File

@@ -1,6 +1,13 @@
--- ---
const { href, class: className, ...props } = Astro.props; const { href, class: className, ...props } = Astro.props;
let isActive = href === Astro.url.pathname; let isActive;
if (href === "/") {
isActive = Astro.url.pathname === href;
} else {
isActive = Astro.url.pathname.startsWith(href);
}
--- ---
<a href={href} class:list={[className, { active: isActive }]} {...props}> <a href={href} class:list={[className, { active: isActive }]} {...props}>