vue file for Sinar Project popit API POC 0.001

PopitList.vue

<template>
    <ul v-if="results && results.length">
        <li v-for="result of results" :key="result.id">
            <p>{{ result.name }}</p>
        </li>
    </ul>
</template>

<script>
import axios from 'axios'

export default {
  name: 'PopitList',
  data () {
    return {
      results: [],
      errors: []
    }
  },
  created () {
    console.log('loading')
    axios.get('https://api.popit.sinarproject.org/en/persons/')
      .then(response => {
        this.results = response.data.results
      })
      .catch(e => {
        this.errors.push(e)
      })
  }
}
</script>