shared-components/packages/utils/dirClipBoard.js

import modernCopyToClipboard from '@/utils/clipboard';

export default {
  install(Vue) {
    Vue.directive('clipboard', {
      bind(el, binding) {
        el.style.cursor = 'pointer';
        el.addEventListener('click', async () => {
          const text = binding.value || el.innerText;
          const options = {
            vm: binding.instance,
            ...(binding.arg || {})
          };
          await modernCopyToClipboard(text, options);
        });
      }
    });
  }
};