A tiny vue hooks as its name.
It is wip. Don't use it in production.
npm i petite-vue-hooks
# or yarn
yarn add petite-vue-hooks
# or pnpm
pnpm add petite-vue-hooksMake an element draggable.
Drag element in the whole window.
<script setup>
import { useDraggable } from 'petite-vue-hooks'
const { setDragEle } = useDraggable()
</script>
<template>
<div :ref="setDragEle">Drag me</div>
</template>You can set a drag area by setExtentEle
<script setup>
import { useDraggable } from 'petite-vue-hooks'
const { setDragEle, setExtentEle } = useDraggable()
</script>
<template>
<div :ref="setExtentEle" class="extent-draggable">
<div :ref="setDragEle">Drag me only in extent-draggable div</div>
</div>
</template>