Merge pull request #39 from suits-at/show-images

fix: rename 'coverImage' to 'cover_image' and show on index
gridsome · Sep 30, 2019 · 761a168 · 761a168
2 parents 1857afc + 39f38c7
commit 761a168
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/components/PostCard.vue b/src/components/PostCard.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="post-card content-box" :class="{'post-card--has-poster' : post.poster}">
     <div class="post-card__header">
-      <g-image alt="Cover image" v-if="post.coverImage" class="post-card__image" :src="post.coverImage" />
+      <g-image alt="Cover image" v-if="post.cover_image" class="post-card__image" :src="post.cover_image" />
     </div>
     <div class="post-card__content">
       <h2 class="post-card__title" v-html="post.title" />

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -21,6 +21,7 @@ query {
         date (format: "D. MMMM YYYY")
         timeToRead
         description
+        cover_image (width: 770, height: 380, blur: 10)
         path
         tags {
           id

diff --git a/src/templates/Post.vue b/src/templates/Post.vue
@@ -11,7 +11,7 @@
 
     <div class="post content-box">
       <div class="post__header">
-        <g-image alt="Cover image" v-if="$page.post.coverImage" :src="$page.post.coverImage" />
+        <g-image alt="Cover image" v-if="$page.post.cover_image" :src="$page.post.cover_image" />
       </div>
 
       <div class="post__content" v-html="$page.post.content" />