mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +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
44 lines
924 B
JavaScript
Executable File
44 lines
924 B
JavaScript
Executable File
import { useFela, FelaComponent } from "react-fela";
|
|
|
|
const Container = ({ children }) => (
|
|
<FelaComponent
|
|
style={{
|
|
maxWidth: 700,
|
|
marginLeft: "auto",
|
|
marginRight: "auto",
|
|
lineHeight: 1.5,
|
|
}}
|
|
as="div"
|
|
>
|
|
{children}
|
|
</FelaComponent>
|
|
);
|
|
|
|
const textRule = ({ size, theme }) => ({
|
|
fontFamily:
|
|
'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
fontSize: size,
|
|
color: "#333",
|
|
});
|
|
|
|
function Text({ size = 16, children }) {
|
|
const { css } = useFela({ size });
|
|
|
|
return <p className={css(textRule)}>{children}</p>;
|
|
}
|
|
|
|
function Title({ children, size = 24 }) {
|
|
const { css } = useFela();
|
|
|
|
return <h1 className={css({ fontSize: size, color: "#555" })}>{children}</h1>;
|
|
}
|
|
|
|
export default function Home() {
|
|
return (
|
|
<Container>
|
|
<Title size={50}>My Title</Title>
|
|
<Text>Hi, I am Fela.</Text>
|
|
</Container>
|
|
);
|
|
}
|