35 lines
744 B
Vue
35 lines
744 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
isDialogVisible: boolean
|
|
}
|
|
|
|
interface Emit {
|
|
(e: 'update:isDialogVisible', val: boolean): void
|
|
}
|
|
|
|
const props = defineProps<Props>()
|
|
|
|
const emit = defineEmits<Emit>()
|
|
|
|
const dialogVisibleUpdate = (val: boolean) => {
|
|
emit('update:isDialogVisible', val)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<VDialog
|
|
:model-value="props.isDialogVisible"
|
|
:width="$vuetify.display.smAndDown ? 'auto' : 1200"
|
|
@update:model-value="dialogVisibleUpdate"
|
|
>
|
|
<!-- 👉 Dialog close btn -->
|
|
<DialogCloseBtn @click="$emit('update:isDialogVisible', false)" />
|
|
|
|
<VCard class="pricing-dialog pa-2 pa-sm-10">
|
|
<VCardText>
|
|
<AppPricing md="4" />
|
|
</VCardText>
|
|
</VCard>
|
|
</VDialog>
|
|
</template>
|