23 lines
443 B
Vue
23 lines
443 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { computed } from 'vue'
|
||
|
|
import { handleBackground } from '../layoutHelper'
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
image: {
|
||
|
|
type: String,
|
||
|
|
},
|
||
|
|
backgroundSize: {
|
||
|
|
type: String,
|
||
|
|
default: 'cover',
|
||
|
|
},
|
||
|
|
})
|
||
|
|
|
||
|
|
const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="slidev-layout w-full h-full" :style="style">
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</template>
|