var Vue = require('vue');
Vue.config.debug = true;
Vue.use(require('vue-resource'));

new Vue({
  el: '#container',
  data: {
    fullRepoName:'',
    username: '',
    repo: ''
  },
  methods: {
    changeRepo: function(){
      var splitData = this.fullRepoName.split('/');
      this.username = splitData[0];
      this.repo = splitData[1];

      console.group("Vue Data");
      console.log("Full Repo Name: ", this.fullRepoName);
      console.log("Username: ", this.username);
      console.log("Repo: ", this.repo);
      console.groupEnd("Vue Data");
    }
  },

  //components lists
  components: {
      githubFileExplorer: require('./components/github-file-explorer') //main entry for this app's components
  }
})

@@ -564,16 +564,116 @@
  %7D%0A  %7D,%0A
+  computed: %7B%0A    fullRepoUrl: function() %7B%0A      return this.username + '/' + this.repo;%0A    %7D%0A  %7D,
 %0A  //com

add fullrepourl computed property