Files
StevenandGitHub 4466ba436b chore(examples): use default prettier for examples/templates (#60530)
## 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
2024-01-11 16:01:44 -07:00

28 lines
903 B
TypeScript

import { PrismicRichText, SliceComponentProps } from "@prismicio/react";
import { Content } from "@prismicio/client";
type TextProps = SliceComponentProps<Content.TextSlice>;
const Text = ({ slice }: TextProps) => {
return (
<section className="text-lg leading-relaxed">
<PrismicRichText
field={slice.primary.text}
components={{
heading2: ({ children }) => (
<h2 className="text-3xl mt-12 mb-4 leading-snug">{children}</h2>
),
heading3: ({ children }) => (
<h2 className="text-2xl mt-8 mb-4 leading-snug">{children}</h2>
),
paragraph: ({ children }) => <p className="my-6">{children}</p>,
list: ({ children }) => <ul className="my-6">{children}</ul>,
oList: ({ children }) => <ol className="my-6">{children}</ol>,
}}
/>
</section>
);
};
export default Text;