prepare for new next/link behavior

see new-next-link branch

components/ContactForm/ContactForm.tsx

@@ -260,7 +260,7 @@ const ContactForm = ({ className }: ContactFormProps) => {
               Markdown syntax
             </Link>{" "}
             is allowed here, e.g.: <strong>**bold**</strong>, <em>_italics_</em>, [
-            <Link href="https://jarv.is" fancy={false} forceNewWindow>
+            <Link href="https://jarv.is" underline={false} forceNewWindow>
               links
             </Link>
             ](https://jarv.is), and <code>`code`</code>.

components/Image/Image.tsx

@@ -63,7 +63,7 @@ const CustomImage = ({
   return (
     <Wrapper className={className}>
       {href ? (
-        <Link href={href} fancy={false}>
+        <Link href={href} underline={false}>
           {img}
         </Link>
       ) : (

components/Link/Link.tsx

@@ -10,7 +10,7 @@ const FancyLink = styled("a", {
 
   variants: {
     // fancy animated link underline effect
-    fancy: {
+    underline: {
       true: {
         // sets psuedo linear-gradient() for the underline's color; see stitches config for the weird calculation behind the
         // local `$$underline` variable.
@@ -30,7 +30,7 @@ const FancyLink = styled("a", {
   },
 
   defaultVariants: {
-    fancy: true,
+    underline: true,
   },
 });
 

components/NoteMeta/NoteMeta.tsx

@@ -1,5 +1,5 @@
 import { ErrorBoundary } from "react-error-boundary";
-import Link from "next/link";
+import NextLink from "next/link";
 import Time from "../Time";
 import HitCounter from "../HitCounter";
 import NoteTitle from "../NoteTitle";
@@ -62,7 +62,7 @@ const NoteMeta = ({ slug, date, title, htmlTitle, tags = [] }: NoteMetaProps) =>
   <>
     <Wrapper>
       <MetaItem>
-        <Link
+        <NextLink
           href={{
             pathname: "/notes/[slug]/",
             query: { slug },
@@ -75,7 +75,7 @@ const NoteMeta = ({ slug, date, title, htmlTitle, tags = [] }: NoteMetaProps) =>
             </span>
             <Time date={date} format="MMMM D, YYYY" />
           </MetaLink>
-        </Link>
+        </NextLink>
       </MetaItem>
 
       {tags.length > 0 && (