Vue.component('copbox',{
    template : `
      <div class="y2t-output">
        <div class="top">
          <span class="dumb-space"></span><span class="byl-icon-copy" v-on:click="copyToClipboard">Copy to clipboard</span>
        </div>
        <div ref="textToCopy">
            <slot></slot>
        </div>
        <div class="shader"></div>
      
      </div>
    `,
    methods : {
      copyToClipboard() {
        const textToCopy = this.$refs.textToCopy;
        const range = document.createRange();
        range.selectNode(textToCopy);
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
        document.execCommand('copy');
        window.getSelection().removeAllRanges();        
      },
    }
})

let vm = new Vue({
  data() {
    return {
      loading: false
    }
  },
  methods: {
    loadingStart(){
      this.loading = true
    }
  }
}).$mount('#root')