nuxt-ssr-exercise-3_index

asyncData-blog-index.vue

<template>
  <div>
    <h1> Blog posts </h1>
    <div v-if="posts && posts.length">
      <div
        v-for="post in posts"
        :key="post.id">
        <nuxt-link :to="`/asyncData-blog/${post.id}`">{{ post.title }}</nuxt-link>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  async asyncData({ $http }) {
    const posts = await $http.$get(`https://jsonplaceholder.typicode.com/posts`)
    return {
      posts
    }
  }
};
</script>