Card Image lazy load

frontend/src/components/Card.vue

@@ -1,6 +1,6 @@
 <template>
   <v-list-tile avatar>
-    <v-tooltip bottom>
+    <v-tooltip @input="booted = true" bottom>
       <template v-slot:activator="{ on }">
         <v-list-tile-avatar :color="color" v-on="on">
           <span class="headline font-weight-bold white--text">
@@ -8,7 +8,13 @@
           </span>
         </v-list-tile-avatar>
       </template>
-      <v-img :src="ffiurl" :height="300" :width="0.715 * 300" contain />
+      <v-img
+        v-if="booted"
+        :src="ffiurl"
+        :height="300"
+        :width="0.715 * 300"
+        contain
+      />
     </v-tooltip>
 
     <v-list-tile-content>
@@ -32,6 +38,10 @@ export default {
     dbentry: Object
   },
 
+  data: () => ({
+    booted: false
+  }),
+
   computed: {
     color() {
       switch (this.dbentry.element.toLowerCase()) {