import create from 'zustand'

const [useStore] = create(set=> ({
  count: 1,
  inc: () => set(state => ({ count: state.count + 1 })),
  dec: () => set(state => ({ count: state.count - 1 }))
}))

function Counter() {
  const {count, inc, dec} = useStore()
  
  return (
    <>
      <h1>{count}</h1>
      <button onClick={inc}>inc</button>
      <button onClick={dec}>dec</button>
    </>
  )
}