chore(Card): add as prop

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

View File

@@ -1,6 +1,6 @@
<template> <template>
<component <component
:is="$attrs.onSubmit ? 'form': 'div'" :is="$attrs.onSubmit ? 'form': as"
:class="[ui.base, ui.rounded, ui.divide, ui.ring, ui.shadow, ui.background]" :class="[ui.base, ui.rounded, ui.divide, ui.ring, ui.shadow, ui.background]"
v-bind="$attrs" v-bind="$attrs"
> >
@@ -30,6 +30,10 @@ import appConfig from '#build/app.config'
export default defineComponent({ export default defineComponent({
inheritAttrs: false, inheritAttrs: false,
props: { props: {
as: {
type: String,
default: 'div'
},
ui: { ui: {
type: Object as PropType<Partial<typeof appConfig.ui.card>>, type: Object as PropType<Partial<typeof appConfig.ui.card>>,
default: () => appConfig.ui.card default: () => appConfig.ui.card