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
48 lines
1.0 KiB
JavaScript
48 lines
1.0 KiB
JavaScript
import React from "react";
|
|
import PropTypes from "prop-types";
|
|
import { kea } from "kea";
|
|
|
|
const logic = kea({
|
|
path: () => ["kea"],
|
|
actions: () => ({
|
|
increment: (amount) => ({ amount }),
|
|
decrement: (amount) => ({ amount }),
|
|
}),
|
|
reducers: ({ actions }) => ({
|
|
counter: [
|
|
0,
|
|
PropTypes.number,
|
|
{
|
|
[actions.increment]: (state, payload) => state + payload.amount,
|
|
[actions.decrement]: (state, payload) => state - payload.amount,
|
|
},
|
|
],
|
|
}),
|
|
selectors: ({ selectors }) => ({
|
|
doubleCounter: [
|
|
() => [selectors.counter],
|
|
(counter) => counter * 2,
|
|
PropTypes.number,
|
|
],
|
|
}),
|
|
});
|
|
|
|
@logic
|
|
class Index extends React.Component {
|
|
render() {
|
|
return (
|
|
<div>
|
|
<p>Double Counter: {this.props.doubleCounter}</p>
|
|
<button type="button" onClick={() => this.actions.increment(1)}>
|
|
Increment
|
|
</button>
|
|
<button type="button" onClick={() => this.actions.decrement(1)}>
|
|
Decrement
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Index;
|