feat(default-theme): Prevent img loading lazy as default

vuestorefront · Oct 4, 2022 · c7ee7e7 · c7ee7e7
1 parent ffd9c8e
commit c7ee7e7
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/default-theme/src/components/atoms/SwImage.vue b/packages/default-theme/src/components/atoms/SwImage.vue
@@ -1,5 +1,11 @@
 <template>
-  <SfImage :src="imgUrl" :srcsets="srcsets" v-bind="{ ...$props, ...$attrs }" :placeholder="placeholder" />
+  <SfImage
+    :src="imgUrl"
+    :srcsets="srcsets"
+    :loading="loading"
+    :placeholder="placeholder"
+    v-bind="{ ...$props, ...$attrs }"
+  />
 </template>
 
 <script>
@@ -39,10 +45,13 @@ export default {
       }
     });
 
+    const loading = computed(() => props.loading || '');
+
     return {
       placeholder: getPlaceholderImage(width, height),
       srcsets,
-      imgUrl
+      imgUrl,
+      loading
     }
   },
 }