donvito/index.html

## index.html
<html>
  <head>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
  <div id="app">
      <github-repo-list
            v-for="repo in repos"
            v-bind:repo="repo"
            v-bind:key="repo.name"
            v-bind:key="repo.id">
      </github-repo-list>
  </div>
 </body>
</html>
<script>
new Vue({
el: '#app',
data: {
  repos : [],
},
created(){
  fetch("https://api.github.com/users/donvito/repos")
      .then(response => response.json())
      .then((data) => {
          this.repos = data;
          console.log(data)
      })
}
});

Vue.component('github-repo-list', {
  props: ['repo'],
  template: '<li>{{ repo.id }} / {{ repo.name }}</li>'
})
</script>
	<html>
	<head>
	<script src="https://unpkg.com/vue"></script>
	</head>
	<body>
	<div id="app">
	<github-repo-list
	v-for="repo in repos"
	v-bind:repo="repo"
	v-bind:key="repo.name"
	v-bind:key="repo.id">
	</github-repo-list>
	</div>
	</body>
	</html>
	<script>
	new Vue({
	el: '#app',
	data: {
	repos : [],
	},
	created(){
	fetch("https://api.github.com/users/donvito/repos")
	.then(response => response.json())
	.then((data) => {
	this.repos = data;
	console.log(data)
	})
	}
	});

	Vue.component('github-repo-list', {
	props: ['repo'],
	template: '<li>{{ repo.id }} / {{ repo.name }}</li>'
	})
	</script>