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
37 lines
638 B
TypeScript
37 lines
638 B
TypeScript
import Head from "next/head";
|
|
import { styled } from "@linaria/react";
|
|
import { css } from "@linaria/core";
|
|
|
|
const Box = styled.div`
|
|
margin-top: 40px;
|
|
margin-left: 40px;
|
|
height: 200px;
|
|
width: 200px;
|
|
background-color: tomato;
|
|
animation: spin 2s linear infinite;
|
|
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
`;
|
|
|
|
const anotherClass = css`
|
|
color: blue;
|
|
`;
|
|
|
|
export default function Home() {
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>With Linaria</title>
|
|
</Head>
|
|
<Box className={anotherClass}>Zero runtime CSS in JS</Box>
|
|
</>
|
|
);
|
|
}
|