0

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>

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。