Add option to use onMouseDown in Link rather than onClick

[Jagatpratap]

Goals

1. Add option to use onMouseDown rather than onClick in Link.

Non-Goals

Background

This make ui super smooth

Proposal

I am interested to contributing. Easy to implement.

[CodyCodes95]

Heres a simple component which does the trick. Taken from here, without the image prefetching stuff: https://github.com/ethanniser/NextFaster/blob/main/src/components/ui/link.tsx

import NextLink from "next/link";
import { useRouter } from "next/navigation";

export const Link: typeof NextLink = (({ children, ...props }) => {
  const router = useRouter();
  return (
    <NextLink
      prefetch={true}
      onMouseDown={(e) => {
        const url = new URL(String(props.href as string), window.location.href);
        if (
          url.origin === window.location.origin &&
          e.button === 0 &&
          !e.altKey &&
          !e.ctrlKey &&
          !e.metaKey &&
          !e.shiftKey
        ) {
          e.preventDefault();
          router.push(String(props.href as string));
        }
      }}
      {...props}
    >
      {children}
    </NextLink>
  );
}) as typeof NextLink;