Skip to content

Commit 2532c48

Browse files
committed
docs: add example images to README;
chore: cleanup;
1 parent 72e75ff commit 2532c48

File tree

3 files changed

+7
-7
lines changed

3 files changed

+7
-7
lines changed

README.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,10 @@
44

55
😎 **Modern** and 🚀 **Performant** Bottom Sheet for Vue.js
66

7-
[Demo](https://megaarmos.douxcode.com/vue-spring-bottom-sheet/) 👀
7+
[Demo](https://vue-spring-bottom-sheet.douxcode.com/) 👀
8+
9+
| ![](https://vue-spring-bottom-sheet.douxcode.com/example_basic.png) | ![](https://vue-spring-bottom-sheet.douxcode.com/example_snap.png) | ![](https://vue-spring-bottom-sheet.douxcode.com/example_blocking.png) | ![](https://vue-spring-bottom-sheet.douxcode.com/example_sticky.png) |
10+
| :-----------------------------------------------------------------: | :----------------------------------------------------------------: | :--------------------------------------------------------------------: | :------------------------------------------------------------------: |
811

912
# Installation
1013

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,12 +27,12 @@
2727
"type": "git",
2828
"url": "https://github.com/megaarmos/vue-spring-bottom-sheet.git"
2929
},
30-
"homepage": "https://megaarmos.douxcode.com/vue-spring-bottom-sheet/",
30+
"homepage": "https://vue-spring-bottom-sheet.douxcode.com/",
3131
"bugs": {
3232
"url": "https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
3333
},
3434
"private": false,
35-
"version": "1.2.2",
35+
"version": "1.2.3",
3636
"type": "module",
3737
"exports": {
3838
".": {

src/BottomSheet.vue

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -96,12 +96,10 @@ const {
9696
const isWindowScrollLocked = useScrollLock(document.body)
9797
const isWindowRootScrollLocked = useScrollLock(document.documentElement)
9898
99-
// Keyboard event handler
10099
const handleEscapeKey = (e: KeyboardEvent) => {
101100
if (e.key === 'Escape') close()
102101
}
103102
104-
// Open sheet method
105103
const open = () => {
106104
if (!sheet.value) return
107105
@@ -132,7 +130,7 @@ const open = () => {
132130
}, props.duration)
133131
}
134132
}
135-
// Close sheet method
133+
136134
const close = () => {
137135
if (!sheet.value) return
138136
@@ -159,7 +157,6 @@ const close = () => {
159157
}, props.duration)
160158
}
161159
162-
// Backdrop click handler
163160
const backdropClick = () => {
164161
if (props.canBackdropClose) close()
165162
}

0 commit comments

Comments
 (0)