import { createState } from "solid-js";

const Counter = () => {
  const [state, setState] = createState({ counter: 0 });
  return <div>
           {state.counter}
           <button type="button" onClick={() => setState({ counter: state.counter + 1 }}>+1</button>
           <button type="button" onClick={() => setState({ counter: state.counter - 1 }}>-1</button>
         </div>;
};

render(() => createComponent(Counter, document.getElementById("app"));