nuxt.jsを使ってmicrocmsでブログを作ってます。_id.vueというファイルに下記の記載をしてるのですがタイトルなどが表示されません。  
また、returnのdata変数があるのでtitleはdata.title data.date
data.bodyにしなければ行けないと思うのですが、つけるとerrorになりページ自体が表示されません。解決方法がわかる方おられませんか？

```

    <!-- eslint-disable vue/no-v-html -->
    <template>
      <layout-wrapper>
        <layout-visual
          title="Information"
          :height="40"
          visual="visual-information"
        />
    
        <div class="w-full md:max-w-3xl mx-auto pt-20 px-6 md:px-0">
          <h2 class="text-xl pb-5 border-b border-gray-500 border-solid font-bold">
            {{ title }}
          </h2>
          <div class="pt-4 mb-4">
            <time class="text-gray-700 text-base">{{ date | formatDate }}</time>
          </div>
          <div class="mb-20" v-html="body"></div>
          <base-button name="お知らせへ戻る" link="/information/" />
        </div>
      </layout-wrapper>
    </template>
    
    <script>
    export default {
      name: 'DetailIndex',
      async asyncDate({ $microcms, params }) {
        const { data } = await $microcms.get({
          endpoint: `information/${params.id}`,
          queries: { limit: 20, filters: 'createdAt[greater_than]2021' },
        })
        return data
      },
    }
    </script>
    
    
```
CC BY-SA 4.0
2022-11-08T21:58:47.163
92091
2022-11-08T21:58:47.163
55022
question
nuxt.js
Nuxtでmicrocmsブログ詳細のタイトルなどが取得できない