39 lines
780 B
Vue
39 lines
780 B
Vue
<script setup lang="ts">
|
|
import { ModelRef } from 'vue';
|
|
import cardView from './cardView.vue';
|
|
|
|
const showDialog: ModelRef<boolean> = defineModel()
|
|
|
|
defineProps({
|
|
title: String,
|
|
icon: {
|
|
type: String
|
|
},
|
|
subtitle: {
|
|
type: String
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<v-dialog max-width="1200" v-model="showDialog">
|
|
<card-view
|
|
:title="title"
|
|
:subtitle="subtitle"
|
|
:icon="icon"
|
|
:tonal="false"
|
|
>
|
|
<template #default v-if="$slots.default">
|
|
<slot></slot>
|
|
</template>
|
|
|
|
<template #borderless v-if="$slots.borderless">
|
|
<slot name="borderless"></slot>
|
|
</template>
|
|
|
|
<template #actions v-if="$slots.actions">
|
|
<slot name="actions"></slot>
|
|
</template>
|
|
</card-view>
|
|
</v-dialog>
|
|
</template> |