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
39 lines
925 B
TypeScript
39 lines
925 B
TypeScript
import { PropsWithChildren } from "react";
|
|
import { useRouter } from "next/router";
|
|
import Link from "next/link";
|
|
import { RouterProps } from "./types";
|
|
|
|
const CustomLink: React.FC<PropsWithChildren<{ to: string }>> = ({
|
|
to,
|
|
children,
|
|
}) => {
|
|
const router = useRouter();
|
|
const { pathname } = router;
|
|
const { cacheStrategy } = router.query as RouterProps;
|
|
const linkPathname = `/${to}/[cacheStrategy]`;
|
|
const className = `nav-link${pathname === linkPathname ? " active" : ""}`;
|
|
return (
|
|
<div>
|
|
<Link
|
|
href={{
|
|
pathname: linkPathname,
|
|
query: { cacheStrategy },
|
|
}}
|
|
scroll={false}
|
|
className={className}
|
|
>
|
|
{children}
|
|
</Link>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export const Nav: React.FC = () => {
|
|
return (
|
|
<nav className="nav">
|
|
<CustomLink to="home">Home</CustomLink>
|
|
<CustomLink to="signin">Sign in</CustomLink>
|
|
</nav>
|
|
);
|
|
};
|