Initial commit

resources/js/components/dialogs/PricingPlanDialog.vue

@@ -0,0 +1,31 @@
+<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>