chore: provide v-model to vue3.4 prior

Author: valbertVieira

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

@@ -5,7 +5,7 @@ import { Motion, AnimatePresence, useMotionValue, animate } from 'motion-v'
 import type { PanInfo } from 'motion-v'
 
 import { computed, nextTick, onUnmounted, ref, toRefs, watch , defineModel, onMounted } from 'vue'
-import { useElementBounding, useScrollLock, useWindowSize } from '@vueuse/core'
+import { useElementBounding, useScrollLock, useVModel, useWindowSize } from '@vueuse/core'
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
 import { useSnapPoints } from './composables/useSnapPoints'
 import { clamp, funnel } from 'remeda'
@@ -27,9 +27,13 @@ const emit = defineEmits<{
   (e: 'dragging-up'): void
   (e: 'dragging-down'): void
   (e: 'instinctHeight', instinctHeight: number): void
+  (e: 'update:modelValue'): void
 }>()
 
-const showSheet = defineModel({ default: false })
+const showSheet = useVModel(props, 'modelValue', emit, {
+  passive: true,
+})
+
 watch(showSheet, (value) => {
   if (value) {
     open()

packages/vue-spring-bottom-sheet/src/types.ts

@@ -6,4 +6,5 @@ export interface BottomSheetProps {
   canSwipeClose?: boolean
   canBackdropClose?: boolean
   expandOnContentDrag?: boolean
+  modelValue?: boolean
 }