Svelte bindings

[wobsoriano]

Published a Svelte package that uses @use-gesture/vanilla!

https://github.com/wobsoriano/svelte-gesture

Sample usage:

<script lang="ts">
  import { spring } from 'svelte/motion';
  import { drag, GestureEvent } from 'svelte-gesture'

  let coords = spring({ x: 0, y: 0 });

  function handler({ detail }: CustomEvent<GestureEvent<'drag'>>) {
    const {
      active,
      movement: [mx, my]
    } = detail

    coords.set({
      x: active ? mx : 0,
      y: active ? my : 0
    })
  }
</script>

<div
  use:drag
  on:drag={handler}
  style:transform="translate({$coords.x}px, {$coords.y}px)"
/>

[dbismut]

Oh nice! Would there be room for @use-gesture/svelte somehow? I'd be more than happy to merge a PR and release this with your help!

[wobsoriano]

Yes! I can PR if you want.

[dbismut]

That would be awesome!

[wobsoriano]

So I PR'd a svelte package. Haven't used changesets so the config is copy-pasted!