fix: change windowSize from visual to inner;

docs: fix snapToPoint description, canOverlayClose to canBackdropClose;
chore: bump version and improve release script;

Author: megaarmos

README.md

@@ -120,18 +120,18 @@ For Nuxt 3, just wrap component in `<ClientOnly>`
 | initialSnapPoint    | Number                | minHeight        | Initial snap point index                   |
 | blocking            | Boolean               | true             | Block interactions with underlying content |
 | canSwipeClose       | Boolean               | true             | Enable swipe-to-close gesture              |
-| canOverlayClose     | Boolean               | true             | Allow closing by tapping backdrop          |
+| canBackdropClose    | Boolean               | true             | Allow closing by tapping backdrop          |
 | expandOnContentDrag | Boolean               | true             | Enable expanding by dragging content       |
 
 ## Exposed methods
 
 Assuming there is `const bottomSheet = ref()`
 
-| Method      | Description               | Example                              |
-| ----------- | ------------------------- | ------------------------------------ |
-| open        | Opens the bottom sheet    | `bottomSheet.value.open()`           |
-| close       | Closes the bottom sheet   | `bottomSheet.value.close()`          |
-| snapToPoint | Snaps to a specific point | `bottomSheet.value.snapToPoint(300)` |
+| Method      | Description                     | Example                            |
+| ----------- | ------------------------------- | ---------------------------------- |
+| open        | Opens the bottom sheet          | `bottomSheet.value.open()`         |
+| close       | Closes the bottom sheet         | `bottomSheet.value.close()`        |
+| snapToPoint | Snaps to an index of snapPoints | `bottomSheet.value.snapToPoint(1)` |
 
 ## Events
 

bun.lock

@@ -23,12 +23,12 @@
     },
     "packages/vue-spring-bottom-sheet": {
       "name": "@douxcode/vue-spring-bottom-sheet",
-      "version": "1.2.6",
+      "version": "2.0.1",
       "dependencies": {
         "@vueuse/core": "^13.0.0",
         "@vueuse/integrations": "^13.0.0",
         "focus-trap": "^7.6.4",
-        "motion-v": "0.13.1",
+        "motion-v": "^0.13.1",
         "remeda": "^2.21.2",
         "vue": "^3.5.13",
       },

packages/vue-spring-bottom-sheet/package.json

@@ -32,7 +32,7 @@
     "url": "https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
   },
   "private": false,
-  "version": "2.0.1",
+  "version": "2.0.2",
   "type": "module",
   "exports": {
     ".": {
@@ -52,7 +52,7 @@
     "type-check": "vue-tsc --build",
     "lint": "eslint . --fix",
     "format": "prettier --write src/",
-    "release": "copy ../../README.md . && npm run build && npm publish --access public"
+    "release": "cp ../../README.md . && npm run build && npm publish --access public"
   },
   "peerDependencies": {
     "vue": ">=3.3"
@@ -61,7 +61,7 @@
     "@vueuse/core": "^13.0.0",
     "@vueuse/integrations": "^13.0.0",
     "focus-trap": "^7.6.4",
-    "motion-v": "0.13.1",
+    "motion-v": "^0.13.1",
     "remeda": "^2.21.2",
     "vue": "^3.5.13"
   },

packages/vue-spring-bottom-sheet/src/BottomSheet.vue

@@ -40,9 +40,7 @@ const sheetContent = ref<HTMLElement | null>(null)
 const backdrop = ref<HTMLElement | null>(null)
 const preventContentScroll = ref(props.expandOnContentDrag)
 
-const { height: windowHeight } = useWindowSize({
-  type: 'visual',
-})
+const { height: windowHeight } = useWindowSize()
 const { height: sheetHeight } = useElementBounding(sheet)
 const { height: sheetHeaderHeight } = useElementBounding(sheetHeader)
 const { height: sheetContentHeight } = useElementBounding(sheetContent)