Notify Vue when chosen select updates

chosen_select.js

"use strict";

import Vue from 'vue';

Vue.directive('chosen', {
    bind(){
        var event = document.createEvent('HTMLEvents');
        event.initEvent('change', true, true);

        $(this.el).chosen({
            width:'100%'
        }).change(e => {
          
            //fire true update event for vue,
            if(e.originalEvent !== event){
                this.el.dispatchEvent(event);
            }
        });
    },

    //update chosen when dom updates
    update(){
        $(this.el).trigger('chosen:updated');
    }
});