Nuxt: Getting data, composition api with useAsync

post-fetch-useAsync.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>
import { defineComponent, useAsync, useContext } from '@nuxtjs/composition-api';

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