Vue.js directive to assign a confirmation to an element before triggering an action

directive.confim.js

export default {
  bind(el, binding) {
    const { value: { msg, callback } } = binding;
    el.ask = () => {
      if (confirm(msg)) callback();
    };
    el.addEventListener('click', el.ask);
  },
  unbind(el) { el.removeEventListener('click', el.ask); }
};