chore: cleanup code order

Author: hunterliu1003

packages/vue-final-modal/src/useSwipeToClose.ts

@@ -92,6 +92,25 @@ export function useSwipeToClose(
     },
   })
 
+  const bindSwipe = computed(() => {
+    if (props.swipeToClose === 'none')
+      return
+    const translateDirection = (() => {
+      switch (props.swipeToClose) {
+        case 'up':
+        case 'down':
+          return 'translateY'
+        case 'left':
+        case 'right':
+          return 'translateX'
+      }
+    })()
+    return {
+      class: { 'vfm-bounce-back': !isSwiping.value },
+      style: { transform: `${translateDirection}(${-offset.value}px)` },
+    }
+  })
+
   watch(
     () => isCollapsed.value,
     (val) => {
@@ -100,6 +119,14 @@ export function useSwipeToClose(
     },
   )
 
+  watch(
+    () => modelValueLocal.value,
+    (val) => {
+      if (val)
+        offset.value = 0
+    },
+  )
+
   watch(
     () => offset.value,
     (newValue, oldValue) => {
@@ -116,6 +143,11 @@ export function useSwipeToClose(
     },
   )
 
+  function onTouchStartSwipeBanner(e: TouchEvent) {
+    if (props.preventNavigationGestures)
+      e.preventDefault()
+  }
+
   function canSwipe(target?: null | EventTarget): boolean {
     const tagName = (target as HTMLElement)?.tagName
     if (!tagName || ['INPUT', 'TEXTAREA'].includes(tagName))
@@ -142,38 +174,6 @@ export function useSwipeToClose(
       return allow && canSwipe((target as HTMLElement)?.parentElement)
   }
 
-  watch(
-    () => modelValueLocal.value,
-    (val) => {
-      if (val)
-        offset.value = 0
-    },
-  )
-
-  const bindSwipe = computed(() => {
-    if (props.swipeToClose === 'none')
-      return
-    const translateDirection = (() => {
-      switch (props.swipeToClose) {
-        case 'up':
-        case 'down':
-          return 'translateY'
-        case 'left':
-        case 'right':
-          return 'translateX'
-      }
-    })()
-    return {
-      class: { 'vfm-bounce-back': !isSwiping.value },
-      style: { transform: `${translateDirection}(${-offset.value}px)` },
-    }
-  })
-
-  function onTouchStartSwipeBanner(e: TouchEvent) {
-    if (props.preventNavigationGestures)
-      e.preventDefault()
-  }
-
   return {
     vfmContentEl,
     swipeBannerEl,