Vue.js 2.0 Sortable Directive

sortable.js

import Vue from 'vue'
import Sortable from 'sortablejs'

Vue.directive('sortable', {
  inserted: function (el, binding, vnode) {
    var sortable = new Sortable(el, binding.value || {});

    if (binding.arg) {
      if (!vnode.context.sortable) {
        vnode.context.sortable = {}
      }

      //  Throw an error if the given ID is not unique
      if (vnode.context.sortable[binding.arg]) {
        console.warn('[vue-sortable] cannot set already defined sortable id: \'' + binding.arg + '\'')
      } else {
        vnode.context.sortable[binding.arg] = sortable
      }
    }
  }
})