initial commit

components/Link.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { usePageContext } from "vike-react/usePageContext";
+
+export function Link({ href, children }: { href: string; children: string }) {
+  const pageContext = usePageContext();
+  const { urlPathname } = pageContext;
+  const isActive = href === "/" ? urlPathname === href : urlPathname.startsWith(href);
+  return (
+    <a href={href} className={isActive ? "is-active" : undefined}>
+      {children}
+    </a>
+  );
+}