Nuxt: Getting data, asyncData

post-fetch-asyncData.vue

<template>
  <div>
    <h1>Post</h1>
    <div v-if="post" id="first-post">
      <h3 class="text-lg">{{ post.title }}</h3>
      <p class="text-base">{{ post.body }}</p>
    </div>
  </div>
</template>

<script>
export default {
  async asyncData({ $axios }) {
    console.log('async data ');
    const { data } = await $axios.get('https://jsonplaceholder.typicode.com/posts/1');
    return { post: data };
  },
};
</script>