QuantEngineByItz/src/frontend/src/components/QuantDialog.vue

<!-- PrimeVue Dialog Transparent Adapter Wrapper: QuantDialog -->
<template>
  <Dialog
    v-bind="$attrs"
    :visible="visible"
    :header="title || header || '알림'"
    :modal="modal !== false"
    :closable="closable !== false"
    :dismissableMask="dismissableMask !== false"
    class="quant-dialog max-w-lg w-full"
    @update:visible="onVisibleChange"
  >
    <template v-for="(_, slotName) in $slots" :key="slotName" #[slotName]="slotProps">
      <slot :name="slotName" v-bind="slotProps || {}"></slot>
    </template>
  </Dialog>
</template>

<script setup lang="ts">
import Dialog from 'primevue/dialog';

defineOptions({
  inheritAttrs: false
});

defineProps<{
  visible?: boolean;
  title?: string;
  header?: string;
  modal?: boolean;
  closable?: boolean;
  dismissableMask?: boolean;
}>();

const emit = defineEmits(['update:visible', 'close']);

const onVisibleChange = (val: boolean) => {
  emit('update:visible', val);
  if (!val) {
    emit('close');
  }
};
</script>