chore: rename prop/emit

Author: zernonia

Diff for: 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"

Diff for: 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))
 

Diff for: 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() {

Diff for: 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