init: чистый старт Laravel + Vuexy

resources/ts/components/dialogs/PricingPlanDialog.vue

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