Active Link Styling

When the current URL matches a link's to path, the router automatically adds an active class to that anchor. Use it to style the current route — no extra wiring needed.

<!-- The router adds `active` to whichever anchor matches the current URL. -->
<a to="/">Home</a>
<a to="/about">About</a>

Target the class in your styles to highlight the active link:

a.active {
  font-weight: bold;
  color: #6366f1;
}