mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Steven
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
33 lines
775 B
JavaScript
33 lines
775 B
JavaScript
import "@compiled/react";
|
|
import { BoxStyles } from "../components/class-names-box";
|
|
import { Button } from "../components/styled-button";
|
|
import { secondary, primary } from "../style/colors";
|
|
|
|
const IndexPage = () => (
|
|
<BoxStyles>
|
|
{(props) => (
|
|
<div {...props}>
|
|
<Button color={secondary}>Styled button</Button>
|
|
|
|
<div
|
|
css={{
|
|
marginTop: 8,
|
|
flexGrow: 1,
|
|
height: "100%",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
fontFamily: "sans-serif",
|
|
color: primary,
|
|
border: `1px solid ${primary}`,
|
|
}}
|
|
>
|
|
CSS prop
|
|
</div>
|
|
</div>
|
|
)}
|
|
</BoxStyles>
|
|
);
|
|
|
|
export default IndexPage;
|