scrumplex.net
My personal website
1---
2interface Props {
3 href: string;
4 class?: string;
5}
6
7const { href, class: className, ...rest } = Astro.props;
8const external = !!href.match(/^(https?:)?\/\//);
9const externalAttrs = external ? { target: "_blank", rel: "noopener" } : {};
10---
11
12<a
13 href={href}
14 class={`text-brand hover:underline focus:underline ${className}`}
15 {...externalAttrs} {...rest}><slot /></a
16>