32 lines
684 B
Vue
32 lines
684 B
Vue
|
<script setup>
|
||
|
|
const props = defineProps({
|
||
|
|
isDialogVisible: {
|
||
|
|
type: Boolean,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
})
|
||
|
|
|
||
|
|
const emit = defineEmits(['update:isDialogVisible'])
|
||
|
|
|
||
|
|
const dialogVisibleUpdate = val => {
|
||
|
|
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>
|