<template>
    <draggable :value="value" @start="$emit('on-start')" @end="$emit('on-end')" @change ="$emit('change')">
      <transition-group>
        <slot></slot>
      </transition-group>
    </draggable>
</template>
<script>
  import draggable from 'vuedraggable'
  export default {
    data () {
      return {}
    },
    components: {
      draggable
    },
    props: {
      value: Array
    }
  }

</script>
