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
34 lines
844 B
JavaScript
34 lines
844 B
JavaScript
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
|
|
export default function Nav() {
|
|
const { pathname } = useRouter();
|
|
|
|
return (
|
|
<header>
|
|
<Link href="/" legacyBehavior>
|
|
<a className={pathname === "/" ? "is-active" : ""}>Home</a>
|
|
</Link>
|
|
<Link href="/apollo" legacyBehavior>
|
|
<a className={pathname === "/apollo" ? "is-active" : ""}>Apollo</a>
|
|
</Link>
|
|
<Link href="/redux" legacyBehavior>
|
|
<a className={pathname === "/redux" ? "is-active" : ""}>Redux</a>
|
|
</Link>
|
|
<style jsx>{`
|
|
header {
|
|
margin-bottom: 25px;
|
|
}
|
|
a {
|
|
font-size: 14px;
|
|
margin-right: 15px;
|
|
text-decoration: none;
|
|
}
|
|
.is-active {
|
|
text-decoration: underline;
|
|
}
|
|
`}</style>
|
|
</header>
|
|
);
|
|
}
|