quasar
Version:
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
29 lines (22 loc) • 663 B
JavaScript
import { h, computed } from 'vue'
import { createComponent } from '../../utils/private.create/create.js'
import { usePanelChildProps } from '../../composables/private.use-panel/use-panel.js'
import { hSlot } from '../../utils/private.render/render.js'
export default createComponent({
name: 'QCarouselSlide',
props: {
...usePanelChildProps,
imgSrc: String
},
setup (props, { slots }) {
const style = computed(() => (
props.imgSrc
? { backgroundImage: `url("${ props.imgSrc }")` }
: {}
))
return () => h('div', {
class: 'q-carousel__slide',
style: style.value
}, hSlot(slots.default))
}
})