Vue.component('Copybox',{
    template : `
      <div class="y2t-output">
        <button v-on:click="copyToClipboard">Copy</button>
        <p>{{ txt }}</p>
      </div>
    `,
    props : {
      txt : String
    },
    methods : {
      copyToClipboard() {
        navigator.clipboard.writeText(this.txt).then(() => {
          console.log('Text copied to clipboard');
        }, (err) => {
          console.error('Failed to copy text: ', err);
        });
      },
    }
})

let vm = new Vue({
    el: '#root',
    data: {
      url: '',
      lang: '',
      output: ''
    }
}).$mount('#root')