chore(Container): add as prop

This commit is contained in:
Benjamin Canac
2023-05-16 12:57:33 +02:00
parent 4d8dbfb912
commit cba95de72b

View File

@@ -1,7 +1,7 @@
<template> <template>
<div :class="[ui.base, ui.padding, ui.constrained]"> <component :is="as" :class="[ui.base, ui.padding, ui.constrained]">
<slot /> <slot />
</div> </component>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -17,6 +17,10 @@ import appConfig from '#build/app.config'
export default defineComponent({ export default defineComponent({
props: { props: {
as: {
type: String,
default: 'div'
},
ui: { ui: {
type: Object as PropType<Partial<typeof appConfig.ui.container>>, type: Object as PropType<Partial<typeof appConfig.ui.container>>,
default: () => appConfig.ui.container default: () => appConfig.ui.container