Matthew L McPeak
3d8bdaa903
Root/Trigger/Overlay/Close/Title/Description now share a small provide/inject context instead of reka-ui's Dialog primitives. DialogContent/DialogScrollContent follow in the next commit since they need the focus-trap and dismissable-layer composables.
23 lines
568 B
Vue
23 lines
568 B
Vue
<script setup lang="ts">
|
|
import { provide, useId } from 'vue'
|
|
import { useVModel } from '@vueuse/core'
|
|
import { DialogContextKey } from './context'
|
|
|
|
const props = defineProps<{ open?: boolean, defaultOpen?: boolean }>()
|
|
const emit = defineEmits<{ 'update:open': [value: boolean] }>()
|
|
|
|
const open = useVModel(props, 'open', emit, {
|
|
passive: true,
|
|
defaultValue: props.defaultOpen ?? false,
|
|
})
|
|
|
|
provide(DialogContextKey, {
|
|
open,
|
|
titleId: `dialog-title-${useId()}`,
|
|
descriptionId: `dialog-description-${useId()}`,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<slot />
|
|
</template>
|