hide image on feiled loading in card

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
@@ -123,6 +126,16 @@ export default {
       type: Boolean,
       default: false
     }
+  },
+  data() {
+    return {
+      error: false
+    }
+  },
+  methods: {
+    onError() {
+      this.error = true
+    }
   }
 }
 </script>