mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
|
|
export default function Nav() {
|
|
const router = useRouter();
|
|
return (
|
|
<div className="root">
|
|
<h2>Default</h2>
|
|
<p>
|
|
Automatically prefetch pages in the background as soon the Link appears
|
|
in the view:
|
|
</p>
|
|
<Link href="/" legacyBehavior>
|
|
<a>Home</a>
|
|
</Link>{" "}
|
|
<Link href="/features" legacyBehavior>
|
|
<a>Features</a>
|
|
</Link>
|
|
<h2>Imperative</h2>
|
|
<p>Prefetch on onMouseEnter or on other events:</p>
|
|
<Link prefetch={false} href="/about" legacyBehavior>
|
|
<a
|
|
onMouseEnter={() => {
|
|
router.prefetch("/about");
|
|
console.log("prefetching /about!");
|
|
}}
|
|
>
|
|
About
|
|
</a>
|
|
</Link>
|
|
<h2>Disable</h2>
|
|
<p>Disable prefetching</p>
|
|
<Link prefetch={false} href="/contact" legacyBehavior>
|
|
<a>Contact</a>
|
|
</Link>
|
|
<style jsx>{`
|
|
.root {
|
|
border-bottom: 1px solid grey;
|
|
padding-bottom: 8px;
|
|
}
|
|
a {
|
|
margin-right: 10px;
|
|
}
|
|
`}</style>
|
|
</div>
|
|
);
|
|
}
|