Vue event-bubbling directive

vue-bubble.js

/**
v-bubble directive

Usage: 
- v-bubble:eventName
- v-bubble:eventName="newEventName"

Examples:
- v-bubble:input is equivalent to @input="val => { $emit('input', val) }"
- v-bubble:input="select" is equivalent to @input="val => { $emit('select', val) }"
*/


export default (Vue) => {
  Vue.directive('bubble', {
    bind: (el, { arg, value = null }, vnode) => {
      vnode.componentInstance.$on(arg, (...args) => {
        vnode.context.$emit(value === null ? arg : value, ...args);
      });
    },
  });
};