displaying only first img in article linked materials as all but first image derivative are missing, still to fix

web/themes/custom/materiotheme/vuejs/components/Pages/Article.vue

@@ -226,10 +226,12 @@ export default {
                 field.images = [];
                 included.relationships.images.data.forEach((img) => {
                   // console.log('href', img.meta.imageDerivatives.links.card_medium.href);
-                  field.images.push({
-                    title:img.meta.title,
-                    url:img.meta.imageDerivatives.links.card_medium.href
-                  })
+                  if(img.meta.imageDerivatives){
+                    field.images.push({
+                      title:img.meta.title,
+                      url:img.meta.imageDerivatives.links.card_medium.href
+                    })
+                  }
                 })
                 break;
               case 'field_thesaurus':