UNPKG

quasar

Version:

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

29 lines (22 loc) 663 B
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)) } })