Nuxt: Getting data, fetch method

post-fetch-normal.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, ref, useContext, useFetch } from '@nuxtjs/composition-api';

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