Selectize dropdown and tags directives for Vue.js

v-selectize.js

// usage: v-selectize-dropdown="dataKeyToBindTo"
Vue.directive('selectize-dropdown', {
  twoWay: true,
  priority: 1000,
  bind: function () {
    var self = this;
    $(this.el).selectize({
      create: true,
      sortField: 'text',
      onChange: function (val) {
        self.set(val);
      }
    });
  },
  update: function (value) {
    $(this.el).val(value).trigger('change');
  },
  unbind: function () {
    $(this.el).destroy();
  }
});

// usage: v-selectize-tags="dataKeyToBindTo"
Vue.directive('selectize-tags', {
  twoWay: true,
  priority: 1000,
  bind: function () {
    var self = this;
    $(this.el).selectize({
      delimiter: ',',
      persist: false,
      create: function(input) {
        return {
          value: input,
          text: input
        };
      },
      onChange: function (val) {
        self.set(val);
      }
    });
  },
  update: function (value) {
    $(this.el).val(value).trigger('change');
  },
  unbind: function () {
    $(this.el).destroy();
  }
});