message: docs: fix home example on touch
diff: @@ -10,10 +10,6 @@ import styles from './hero.module.css'
  toast.configure({ position: 'bottom-right', pauseOnHover: false, draggable: false })
  -function supportsTouchEvents() {
  - return typeof window !== 'undefined' && window.ontouchstart === null
  -}
  -
  export default function Hero() {
  const [config, setConfig] = useState(initialConfig)
  const [shadow, setShadow] = useState(false)
  @@ -81,7 +77,7 @@ export default function Hero() {
  const bind = useGesture(
  {
  - onDrag: ({ hovering, tap, swipe: [swipeX, swipeY], down, movement: [mx, my], offset: [x, y] }) => {
  + onDrag: ({ event, hovering, tap, swipe: [swipeX, swipeY], down, movement: [mx, my], offset: [x, y] }) => {
  if (tap) toast('Tap!')
  if (swipeX) toast(`Swipe ${swipeX > 0 ? 'Right' : 'Left'}`)
  if (swipeY) toast(`Swipe ${swipeY > 0 ? 'Bottom' : 'Top'}`)
  @@ -89,7 +85,7 @@ export default function Hero() {
  if (down) {
  resetShineAndText()
  - set({ x: mx, y: my, scale: 1, rotateX: 0, rotateY: 0, immediate: supportsTouchEvents() })
  + set({ x: mx, y: my, scale: 1, rotateX: 0, rotateY: 0, immediate: event.pointerType === 'touch' })
  setDragging(true)
  setShadow(true)
  } else {
  @@ -97,6 +93,7 @@ export default function Hero() {
  x: 0,
  y: 0,
  scale: hovering ? 0.9 : 0.8,
  + immediate: false,
  onRest: () => setDragging(false),
  })
  setShadow(false)
  