michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: consider trailing slashes when calculating current path in blog example (#5272)

Browse source
This commit is contained in:
Shoubhit Dash 2022-11-02 01:38:45 +05:30 committed by GitHub
parent b6afe2c1db
commit 0bab357c48
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/blog/src/components/HeaderLink.astro
View file

@ -2,7 +2,9 @@
export interface Props extends astroHTML.JSX.AnchorHTMLAttributes {}
const { href, class: className, ...props } = Astro.props;
const isActive = href === Astro.url.pathname.replace(/\/$/, '');
const { pathname } = Astro.url;
const isActive = href === pathname || href === pathname.replace(/\/$/, '');
---
<a href={href} class:list={[className, { active: isActive }]} {...props}>