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

25 lines
574 B
TypeScript

"use client";
import { useState } from "react";
import { type getDictionary } from "../../../get-dictionary";
export default function Counter({
dictionary,
}: {
dictionary: Awaited<ReturnType<typeof getDictionary>>["counter"];
}) {
const [count, setCount] = useState(0);
return (
<p>
This component is rendered on client:
<button onClick={() => setCount((n) => n - 1)}>
{dictionary.decrement}
</button>
{count}
<button onClick={() => setCount((n) => n + 1)}>
{dictionary.increment}
</button>
</p>
);
}