From 39f38c7bb67fb77ee3a710c16ea1099f02b1ec0f Mon Sep 17 00:00:00 2001
From: suits-at <office@suits.at>
Date: Fri, 20 Sep 2019 13:43:32 +0200
Subject: [PATCH] fix: rename 'coverImage' to 'cover_image' and show on index

---
 src/components/PostCard.vue | 6 +++---
 src/pages/Index.vue         | 1 +
 src/templates/Post.vue      | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/PostCard.vue b/src/components/PostCard.vue
index 4cfdffb..a1feced 100644
--- a/src/components/PostCard.vue
+++ b/src/components/PostCard.vue
@@ -1,12 +1,12 @@
 <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" />
       <p class="post-card__description" v-html="post.description" />
-      
+
       <PostMeta class="post-card__meta" :post="post" />
       <PostTags class="post-card__tags" :post="post" />
 
@@ -76,4 +76,4 @@ export default {
     z-index: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index a843003..d8a60c1 100644
--- 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
index b0a36c9..21f3763 100644
--- 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" />