fixes

src/components/ui/UIModal.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onClickOutside } from '@vueuse/core'
-import { Haptics, ImpactStyle } from '@capacitor/haptics'
+import { vibrate } from '@/composables/useHaptics'
 
 const props = withDefaults(
   defineProps<{
@@ -20,9 +20,8 @@ const show = ref<boolean>(false)
 watch(
   () => props.open,
   () => {
-    if (show.value) {
-      Haptics.impact({ style: ImpactStyle.Light })
-    }
+    if (show.value) vibrate()
+
     show.value = props.open
   },
   { immediate: true }