text: /**
   * First we will load all of this project's JavaScript dependencies which
   * includes Vue and other libraries. It is a great starting point when
   * building robust, powerful web applications using Vue and Laravel.
   */
  
  const { default: axios } = require('axios');
  
  require('./bootstrap');
  
  window.Vue = require('vue').default;
  
  /**
   * The following block of code may be used to automatically register your
   * Vue components. It will recursively scan this directory for the Vue
   * components and automatically register them with their "basename".
   *
   * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
   */
  
  // const files = require.context('./', true, /\.vue$/i)
  // files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
  
  Vue.component('example-component', require('./components/ExampleComponent.vue').default);
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  const app = new Vue({
      el: '#app',
      url:'',
     data:{
      percentage:0,
     },
      methods:{
          getComments: function ()  {
              // alert(url.text);
               axios.get('get-comments/?url='+this.url).then((data) => {
                 this.percentage = Math.round((data.data.complate/data.data.count)*100);
                  this.getMoreComments(data.data.shortcode,data.data.end_cursor);
              // console.log(data.data);
            }
            );
           
  
            },
          getMoreComments: function(shortcode,end_cursor){
          axios.get(`get-more-comments/?shortcode=${shortcode}&end_cursor=${end_cursor}`).then((data)=>{
            this.percentage = Math.round((data.data.complate/data.data.count)*100);
            if(data.data.getComments == "done"){
              return 0;
            }
            if(data.data.end_cursor == null){
  
              this.getMoreComments(data.data.shortcode,false);
            }else{
              this.getMoreComments(data.data.shortcode,data.data.end_cursor);
            }
              // console.log(data);
            }
  
            );
            
          }
  
      }
  });
  