Vue Dolly

Vue move drag tool library

<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
• @SortableJS/vue.draggable.next
• @SortableJS/Vue.Draggable
• @Alfred-Skyblue/vue-draggable-plus