fix: not open immediately, linting

unovue · Feb 27, 2024 · a058285 · a058285
1 parent cfa6604
commit a058285
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/packages/vaul-vue/src/DrawerContent.vue b/packages/vaul-vue/src/DrawerContent.vue
@@ -43,22 +43,28 @@ function handlePointerDownOutside(event: Event) {
 }
 
 watch(
-  () => isOpen.value,
-  (isOpen) => {
-    if (isOpen) {
+  isOpen,
+  (open) => {
+    if (open) {
       setTimeout(() => {
         isVisible.value = true
       }, 1)
     }
   },
+  { immediate: true },
 )
 </script>
 
 <template>
   <DialogContent
-    ref="drawerRef" vaul-drawer="" :vaul-drawer-visible="isVisible ? 'true' : 'false'"
-    :style="[attrs.style, { '--snap-point-height': snapPointHeight }]" @pointerdown="onPress" @pointermove="onDrag"
-    @pointerup="onRelease" @pointer-down-outside="handlePointerDownOutside"
+    ref="drawerRef"
+    vaul-drawer=""
+    :vaul-drawer-visible="isVisible ? 'true' : 'false'"
+    :style="[attrs.style, { '--snap-point-height': snapPointHeight }]"
+    @pointerdown="onPress"
+    @pointermove="onDrag"
+    @pointerup="onRelease"
+    @pointer-down-outside="handlePointerDownOutside"
   >
     <slot />
   </DialogContent>

diff --git a/packages/vaul-vue/src/DrawerRoot.vue b/packages/vaul-vue/src/DrawerRoot.vue
@@ -69,7 +69,11 @@ function handleOpenChange(o: boolean) {
 </script>
 
 <template>
-  <DialogRoot :open="open" :modal="modal" @update:open="handleOpenChange">
+  <DialogRoot
+    :open="open"
+    :modal="modal"
+    @update:open="handleOpenChange"
+  >
     <slot />
   </DialogRoot>
 </template>
@@ -120,7 +124,6 @@ function handleOpenChange(o: boolean) {
 /* This will allow us to not animate via animation, but still benefit from delaying unmount via Radix. */
 @keyframes fake-animation {
   from {}
-
   to {}
 }