Nuxt с storyblok не рендеринг изображения

Question

Привет, я веду блог с Nuxt и storyblock как CMS.Первый раз, используя оба.Все работает, но изображение не отображается, показывая ошибку:

GET http://localhost:3000/undefined 500 (NuxtServerError) 2commons.app.js: 11367 [Vue warn]: недопустимая проп: проверка типа не выполнена для проп"уменьшенное изображение".Ожидаемая строка со значением "undefined", полученная как Undefined

, найденная в

<PostPreview> at components/Blog/PostPreview.vue
  <Pages/index.vue> at pages/index.vue
    <Nuxt>
      <Default> at layouts/default.vue
        <Root>

Но если я иду на консоль и вижу данные в каждом посте, там есть миниатюра и ссылка работает,Кто-нибудь может направить меня сюда?Спасибо

Так в моем index.vue:

<template>
  <section id="posts">
    <postPreview
      v-for="post in posts"
      :key="post.id"
      :title="post.title"
      :excerpt="post.previewText"
      :thumbnailImage="post.thumbnailUrl"
      :id="post.id"
    />
  </section>
</template>

, а затем

asyncData(context) {
    return context.app.$storyapi
      .get('cdn/stories', {
        version: 'draft',
        starts_with: 'blog/'
      })
      .then(res => {
        console.log(res)
        return {
          posts: res.data.stories.map(bp => {
            return {
              id: bp.slug,
              title: bp.content.title,
              previewText: bp.content.summary,
              thumbnailUrl: bp.content.thumbnail
            };
          })
        };
      });
  }

Answer 1

Нашел его. В ключевых значениях рассказа, Thumbnail as также Summary начинаются с заглавной буквы, и у меня его не было на странице index.vue.