# vue-dolly

> Starter template for TypeScript library

Latest version **0.0.3** (published 2023-08-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-dolly
pnpm add vue-dolly
yarn add vue-dolly
bun add vue-dolly
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2023-08-10 |
| First published | 2023-04-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 14.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Elone Hoo |
| Maintainers | elonehoo |
| Keywords | vue, dolly |

## Links

- npm: https://www.npmjs.com/package/vue-dolly
- Repository: https://github.com/wip-elonehoo/vue-dolly
- Issues: https://github.com/wip-elonehoo/vue-dolly/issues
- npm.io page: https://npm.io/package/vue-dolly

## Dependencies (1)

- [sortablejs](https://npm.io/package/sortablejs.md) ^1.15.0

## Recent versions

- 0.0.3 (latest) — 2023-08-10
- 0.0.2 — 2023-04-08

## README

<h1 align="center">
Vue Dolly
</h1>
<p align="center">
Vue move drag tool library
<p>
<p align="center">
  <a href="https://www.npmjs.com/package/vue-dolly"><img src="https://img.shields.io/npm/v/vue-dolly?color=a1b858&label="></a>
<p>

```vue
<script setup lang="ts">
import { ref } from 'vue'
import { useDolly } from 'vue-dolly'

const list = ref([
  {
    name: 'Vue',
    id: 1
  },
  {
    name: 'VueUse',
    id: 2
  },
  {
    name: 'VueRoute',
    id: 3
  },
  {
    name: 'Pinia',
    id: 4
  }
])

const el = ref()

useDolly(el, list)
</script>

<template>
  <div>
    <div ref="el" >
      <div v-for="item in list" :key="item.id" >
        {{ item.name }}
      </div>
    </div>
  </div>
</template>
```

## Credits
Thanks to:

- [The sortablejs team and community](https://github.com/SortableJS)
- [@SortableJS/vue.draggable.next](https://github.com/SortableJS/vue.draggable.next)
- [@SortableJS/Vue.Draggable](https://github.com/SortableJS/Vue.Draggable)
- [@Alfred-Skyblue/vue-draggable-plus](https://github.com/Alfred-Skyblue/vue-draggable-plus)

---
_Source: https://npm.io/package/vue-dolly · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._