<template>
  <ul>
    <li
      v-for="(app,key) in apps"
      :key="key"
    >
      <a
        :href="'/app/' + app.id"
        v-text="app.name"
      />
    </li>
  </ul>
</template>

<script>
export default {
  data () {
    return { apps: [] };
  },
  async mounted () {
    this.apps = await fetch ('/app')
      .then ((res) => res.json ());
  }
};
</script>

<style>

</style>
