From a1bc604dd9cdc2a318649cc2f8910e3d8281edc4 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Tue, 16 Oct 2018 09:38:51 +0200
Subject: [PATCH] hide image on feiled loading in card

---
 .../src/system/components/layout/Card/Card.vue  | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/styleguide/src/system/components/layout/Card/Card.vue b/styleguide/src/system/components/layout/Card/Card.vue
index 06a3b7c1e..d45f047cd 100644
--- a/styleguide/src/system/components/layout/Card/Card.vue
+++ b/styleguide/src/system/components/layout/Card/Card.vue
@@ -14,7 +14,10 @@
       v-if="image || $slots.image">
       <!-- @slot Content of the card's image -->
       <slot name="image">
-        <img :src="image" >
+        <img 
+          :src="image" 
+          v-if="!error" 
+          @error="onError" >
       </slot>
     </div>
     <div
@@ -27,7 +30,7 @@
       v-if="header || $slots.header">
       <!-- @slot Content of the card's header -->
       <slot name="header">
-        <ds-heading 
+        <ds-heading
           :tag="headerTag"
           size="h3">{{ header }}</ds-heading>
       </slot>
@@ -123,6 +126,16 @@ export default {
       type: Boolean,
       default: false
     }
+  },
+  data() {
+    return {
+      error: false
+    }
+  },
+  methods: {
+    onError() {
+      this.error = true
+    }
   }
 }
 </script>