Vue 2.0 Hello World

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>


<div id="app">
  <ul>

    <li v-for="comment in info">
      {{ comment.snippet.topLevelComment.snippet.textOriginal }}
       {{ comment.snippet.topLevelComment.snippet.likeCount }}
     
    </li>
  </ul>

</div>

JavaScript

new Vue({
  el: '#app',
  data() {
    return {
      info: null,
      best: null
      
    }
  },
  mounted() {
    axios
      .get('https://www.googleapis.com/youtube/v3/commentThreads?key=AIzaSyBnc2i8wvP5Ol06hCWBJOqP8UNtZ714V4Q&textFormat=plainText&part=snippet&videoId=kJQP7kiw5Fk&maxResults=100')
      .then(response => (this.info = response.data.items)).then(function(resp) {

        var promises = [];
        var len = resp.length;
        var likes = [];
        var like;
        var name;
        for (i = 0; i < len; i++) {
          console.log("next to query: " + resp[i].snippet.topLevelComment.snippet.textOriginal);
           like = resp[i].snippet.topLevelComment.snippet.likeCount;
           name = resp[i].snippet.topLevelComment.snippet.authorDisplayName;
            likes.push({
            name : name,
            like : like
            });
          var nextURL = "https://api.textgain.com/1/sentiment?q=" + resp[i].snippet.topLevelComment.snippet.textOriginal + "&lang=en&key=***";
        promises.push(axios.get(nextURL));
        }
        
        /*getting best commenter*/
        var max=0;
        for(c = 1;c<likes.length;c++)
      	  if(likes[c].like>likes[max].like)
       			 max = c;
        console.log(likes[max].name + likes[max].like);
         /*end getting best commenter*/
         
        axios.all(promises).then(function(results) {
          results.forEach(function(response) {
            console.log("call made");

          })
        });


      })
  }
})