feat: export prop/emit types (#31)

* chore: rename prop/emit

* chore: export prop/emit types

Author: zernonia

packages/vaul-vue/src/DrawerContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, useAttrs, watch } from 'vue'
+import { computed, watch } from 'vue'
 import { DialogContent } from 'radix-vue'
 import { injectDrawerRootContext } from './context'
 
@@ -18,8 +18,6 @@ const {
   closeDrawer,
 } = injectDrawerRootContext()
 
-const attrs = useAttrs()
-
 const snapPointHeight = computed(() => {
   if (snapPointsOffset.value && snapPointsOffset.value.length > 0)
     return `${snapPointsOffset.value[0]}px`
@@ -60,7 +58,7 @@ watch(
     ref="drawerRef"
     vaul-drawer=""
     :vaul-drawer-visible="isVisible ? 'true' : 'false'"
-    :style="[attrs.style, { '--snap-point-height': snapPointHeight }]"
+    :style="{ '--snap-point-height': snapPointHeight }"
     @pointerdown="onPress"
     @pointermove="onDrag"
     @pointerup="onRelease"

packages/vaul-vue/src/DrawerRoot.vue

@@ -5,13 +5,13 @@ import { type WritableComputedRef, computed, toRefs } from 'vue'
 import { provideDrawerRootContext } from './context'
 import {
   CLOSE_THRESHOLD,
-  type DialogEmits,
-  type DialogProps,
+  type DrawerRootEmits,
+  type DrawerRootProps,
   SCROLL_LOCK_TIMEOUT,
   useDrawer,
 } from './controls'
 
-const props = withDefaults(defineProps<DialogProps>(), {
+const props = withDefaults(defineProps<DrawerRootProps>(), {
   open: undefined,
   fixed: undefined,
   dismissible: true,
@@ -25,7 +25,7 @@ const props = withDefaults(defineProps<DialogProps>(), {
   scrollLockTimeout: SCROLL_LOCK_TIMEOUT,
 })
 
-const emit = defineEmits<DialogEmits>()
+const emit = defineEmits<DrawerRootEmits>()
 
 const fadeFromIndex = computed(() => props.fadeFromIndex ?? (props.snapPoints && props.snapPoints.length - 1))
 

packages/vaul-vue/src/DrawerRootNested.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { useForwardPropsEmits } from 'radix-vue'
 import DrawerRoot from './DrawerRoot.vue'
-import type { DialogEmits, DialogProps } from './controls'
+import type { DrawerRootEmits, DrawerRootProps } from './controls'
 import { injectDrawerRootContext } from './context'
 
-const props = defineProps<DialogProps>()
-const emits = defineEmits<DialogEmits>()
+const props = defineProps<DrawerRootProps>()
+const emits = defineEmits<DrawerRootEmits>()
 
 const { onNestedDrag, onNestedOpenChange, onNestedRelease } = injectDrawerRootContext()
 function onClose() {

packages/vaul-vue/src/controls.ts

@@ -28,7 +28,7 @@ export interface WithoutFadeFromProps {
   fadeFromIndex?: never
 }
 
-export type DialogProps = {
+export type DrawerRootProps = {
   activeSnapPoint?: number | string | null
   closeThreshold?: number
   shouldScaleBackground?: boolean
@@ -55,7 +55,7 @@ export interface UseDrawerProps {
   scrollLockTimeout: Ref<number>
 }
 
-export interface DialogEmits {
+export interface DrawerRootEmits {
   (e: 'drag', percentageDragged: number): void
   (e: 'release', open: boolean): void
   (e: 'close'): void

packages/vaul-vue/src/index.ts

@@ -1,23 +1,33 @@
-import {
-  DialogClose as DrawerClose,
-  DialogDescription as DrawerDescription,
-  DialogPortal as DrawerPortal,
-  DialogTitle as DrawerTitle,
-  DialogTrigger as DrawerTrigger,
-} from 'radix-vue'
 import DrawerRoot from './DrawerRoot.vue'
 import DrawerRootNested from './DrawerRootNested.vue'
 import DrawerOverlay from './DrawerOverlay.vue'
 import DrawerContent from './DrawerContent.vue'
 
+export type {
+  DrawerRootEmits,
+  DrawerRootProps,
+} from './controls'
+
 export {
-  DrawerTitle,
-  DrawerDescription,
-  DrawerTrigger,
-  DrawerPortal,
-  DrawerClose,
   DrawerRoot,
   DrawerRootNested,
   DrawerOverlay,
   DrawerContent,
 }
+
+export {
+  DialogClose as DrawerClose,
+  type DialogCloseProps as DrawerCloseProps,
+
+  DialogDescription as DrawerDescription,
+  type DialogDescriptionProps as DrawerDescriptionProps,
+
+  DialogPortal as DrawerPortal,
+  type DialogPortalProps as DrawerPortalProps,
+
+  DialogTitle as DrawerTitle,
+  type DialogTitleProps as DrawerTitleProps,
+
+  DialogTrigger as DrawerTrigger,
+  type DialogTriggerProps as DrawerTriggerProps,
+} from 'radix-vue'