summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/jobs/components/empty_state.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/jobs/components/empty_state.vue')
-rw-r--r--app/assets/javascripts/jobs/components/empty_state.vue9
1 files changed, 8 insertions, 1 deletions
diff --git a/app/assets/javascripts/jobs/components/empty_state.vue b/app/assets/javascripts/jobs/components/empty_state.vue
index ff45a5b05f8..8a41230ff3a 100644
--- a/app/assets/javascripts/jobs/components/empty_state.vue
+++ b/app/assets/javascripts/jobs/components/empty_state.vue
@@ -1,4 +1,5 @@
<script>
+import { placeholderImage } from '~/lazy_loader';
export default {
props: {
illustrationPath: {
@@ -32,6 +33,7 @@
},
},
},
+ placeholderImage: placeholderImage,
};
</script>
<template>
@@ -41,7 +43,12 @@
:class="illustrationSizeClass"
class="svg-content"
>
- <img :src="illustrationPath" />
+ <img
+ :data-src="illustrationPath"
+ class="lazy"
+ :src="$options.placeholderImage"
+ />
+
</div>
</div>