fixed modalcard lazy load

web/themes/custom/materiotheme/vuejs/components/Content/Card.vue

@@ -131,6 +131,9 @@ export default {
       }
     }
   },
+  beforeMount () {
+    console.log(this.item.id, this.samples)
+  },
   methods: {
     ...mapActions({
       // refreshItem: 'Search/refreshItem',

web/themes/custom/materiotheme/vuejs/components/Content/ModalCard.vue

@@ -421,9 +421,9 @@ export default {
           }
           // delay the lazyload to let the card the time to update dom
           // maybe not the best method
-          setTimeout(function () {
+          // setTimeout(function () {
-            this.activateLazyLoad()
+          //   this.activateLazyLoad()
-          }.bind(this), 5)
+          // }.bind(this), 5)
         })
         .catch(error => {
           console.warn('Issue with loadMaterial', error)

web/themes/custom/materiotheme/vuejs/components/cardMixins.js

@@ -3,7 +3,7 @@ export default {
   directives: {
     lazy: {
       bind (figure, binding) {
-        // console.log('lazy bind', figure, binding)
+        console.log('directive lazy bind', figure, binding)
         // show only the first image
         if (binding.value === 0) {
           const img = figure.querySelector('img:not(.blank)')
@@ -52,7 +52,7 @@ export default {
       }
     }
   },
-  mounted () {
+  updated () {
     // lazy load images on mouseover
     console.log('card mounted', this.$options.name)
     // if (this.$options.name ==! 'ModalCard') {
@@ -89,7 +89,7 @@ export default {
   }
   // ,
   // methods: {
-  //   // not used
+  //   // used by ModalCard
   //   activateLazyLoad () {
   //     console.log('card activateLazyLoad', this.$options.name)