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>