50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<template>
|
|
<iframe v-if="!isDark" id="testimonialto-carousel-all-notionforms"
|
|
loading="lazy"
|
|
src="https://embed.testimonial.to/carousel/all/notionforms?theme=light&autoplay=on&showmore=on&one-row=on&same-height=off"
|
|
frameBorder="0" scrolling="no" width="100%"
|
|
/>
|
|
<iframe v-else id="testimonialto-carousel-all-notionforms" src="https://embed.testimonial.to/carousel/all/notionforms?theme=dark&autoplay=on&showmore=on&one-row=on&same-height=off" frameborder="0" scrolling="no" width="100%" />
|
|
</template>
|
|
|
|
<script>
|
|
import {darkModeEnabled} from "~/lib/forms/public-page.js"
|
|
|
|
export default {
|
|
|
|
props: {
|
|
featuresOnly: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
data: () => ({}),
|
|
|
|
setup () {
|
|
const isDark = darkModeEnabled()
|
|
return {
|
|
isDark
|
|
}
|
|
},
|
|
|
|
mounted () {
|
|
this.loadScript()
|
|
},
|
|
|
|
methods: {
|
|
loadScript () {
|
|
if (process.server) return
|
|
const script = document.createElement('script')
|
|
script.setAttribute('src', 'https://testimonial.to/js/iframeResizer.min.js')
|
|
document.head.appendChild(script)
|
|
script.addEventListener('load', function () {
|
|
window.iFrameResize({
|
|
log: false,
|
|
checkOrigin: false
|
|
}, '#testimonialto-carousel-all-notionforms')
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|