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

34 lines
646 B
JavaScript

import { getPokemon } from "../../graphql/getPokemon";
import { getPokemons } from "../../graphql/getPokemons";
export default function Pokemon({ pokemon }) {
return (
<div>
<h1>{pokemon.name}</h1>
<img src={pokemon.image} />
</div>
);
}
export const getStaticPaths = async () => {
const pokemons = await getPokemons();
return {
paths: pokemons.map(({ name }) => ({
params: { name },
})),
fallback: true,
};
};
export const getStaticProps = async (context) => {
const { name } = context.params;
const pokemon = await getPokemon(name);
return {
props: {
pokemon,
},
};
};