diff --git a/lib/components/SpeedkitImageFinal.vue b/lib/components/SpeedkitImageFinal.vue index c4b88b2625..80abb2035f 100644 --- a/lib/components/SpeedkitImageFinal.vue +++ b/lib/components/SpeedkitImageFinal.vue @@ -6,15 +6,15 @@ export default { inheritAttrs: false, props: { - load: { + hydrate: { type: Boolean, default: true } }, render (h) { - const component = h(SpeedkitImage, { props: { ...this.$attrs, critical: this.isCritical } }); - if (!this.isCritical && !this.load) { + const component = h(SpeedkitImage, { props: { ...this.$attrs, critical: this.isCritical, on: this.$listeners } }); + if (!this.isCritical && !this.hydrate) { return h(LazyHydrate, { props: { never: true } }, [ h('noscript', {}, [ component diff --git a/lib/components/SpeedkitPictureFinal.vue b/lib/components/SpeedkitPictureFinal.vue index 3bdadd051d..a277f64e14 100644 --- a/lib/components/SpeedkitPictureFinal.vue +++ b/lib/components/SpeedkitPictureFinal.vue @@ -6,15 +6,15 @@ export default { inheritAttrs: false, props: { - load: { + hydrate: { type: Boolean, default: true } }, render (h) { - const component = h(SpeedkitPicture, { props: { ...this.$attrs, critical: this.isCritical } }); - if (!this.isCritical && !this.load) { + const component = h(SpeedkitPicture, { props: { ...this.$attrs, critical: this.isCritical, on: this.$listeners } }); + if (!this.isCritical && !this.hydrate) { return h(LazyHydrate, { props: { never: true } }, [ h('noscript', {}, [ component