Copy to clipboard

to-clipboard[execCommand].vue

<script>
export default {
  methods: {
    async toClipboard() {
      const textarea = document.querySelector('.code_area textarea');

      try {
        textarea.select();
        document.execCommand('copy');

        this.$notify({
          type: 'success',
          title: 'Успешно',
          message: 'Скопировано в буфер обмена',
        });
      } catch (e) {
        this.$notify({
          type: 'error',
          title: 'Ошибка',
          message: 'Не удалось скопировать данные',
        });
      } finally {
        textarea.blur();
      }
    },
  },
};
</script>

to-clipboard[navigator.clipboard].vue

<script>
export default {
  methods: {
    async toClipboard() {
      try {
        await navigator.clipboard.writeText(this.editor);

        this.$notify({
          title: 'Успешно',
          message: 'Скопировано в буфер обмена',
          type: 'success',
        });
      } catch (e) {
        this.$notify({
          title: 'Ошибка',
          message: 'Не удалось скопировать данные',
          type: 'error',
        });
      }
    },
  },
};
</script>