Skip to content

Commit 12ab3e8

Browse files
authored
feat: expose open value (#52)
* feat: expose `open` value * chore: add itchy-countries-melt.md
1 parent 3795ece commit 12ab3e8

File tree

2 files changed

+16
-1
lines changed

2 files changed

+16
-1
lines changed

.changeset/itchy-countries-melt.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"vaul-vue": patch
3+
---
4+
5+
feat: expose `open` value

packages/vaul-vue/src/DrawerRoot.vue

+11-1
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,12 @@ const props = withDefaults(defineProps<DrawerRootProps>(), {
2828
2929
const emit = defineEmits<DrawerRootEmits>()
3030
31+
const slots = defineSlots<{
32+
default: (props: {
33+
open: typeof isOpen.value
34+
}) => any
35+
}>()
36+
3137
const fadeFromIndex = computed(() => props.fadeFromIndex ?? (props.snapPoints && props.snapPoints.length - 1))
3238
3339
const open = useVModel(props, 'open', emit, {
@@ -71,6 +77,10 @@ function handleOpenChange(o: boolean) {
7177
isOpen.value = o
7278
}
7379
}
80+
81+
defineExpose({
82+
open: isOpen,
83+
})
7484
</script>
7585

7686
<template>
@@ -79,7 +89,7 @@ function handleOpenChange(o: boolean) {
7989
:modal="modal"
8090
@update:open="handleOpenChange"
8191
>
82-
<slot />
92+
<slot :open="isOpen" />
8393
</DialogRoot>
8494
</template>
8595

0 commit comments

Comments
 (0)