From d88d1ccdb33ccdeb32e21a5dbddb49f11b7f002f Mon Sep 17 00:00:00 2001
From: Ricardo <ricardos8977@gmail.com>
Date: Wed, 30 Dec 2020 11:30:50 +0000
Subject: [PATCH] fix: prevent card header img not loading if starting with
 filter

---
 src/.vuepress/theme/layouts/Blog.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/.vuepress/theme/layouts/Blog.vue b/src/.vuepress/theme/layouts/Blog.vue
index e87e200f..305b7934 100644
--- a/src/.vuepress/theme/layouts/Blog.vue
+++ b/src/.vuepress/theme/layouts/Blog.vue
@@ -20,6 +20,7 @@
         :block-lazy-load="blockLazyLoad"
       />
       <div
+        v-if="mountFinish"
         class="grid-margins pt-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"
         itemscope
         itemtype="http://schema.org/Blog"
@@ -83,6 +84,7 @@ export default {
         { title: 'Home', link: 'https://ipfs.io/', external: true },
         { title: 'Blog & news' },
       ],
+      mountFinish: false,
     }
   },
   computed: {
@@ -183,6 +185,8 @@ export default {
     )
 
     this.$store.commit('appState/setLatestWeeklyPost', latestWeeklyPost)
+
+    this.mountFinish = true
   },
   methods: {
     updateQuery() {