perf(demo): improve OrbitalDrag touch responsiveness on iOS

- Remove unnecessary { passive: false } from pointermove listener
  (drag handler never calls preventDefault)
- Auto-pause inertia rAF loop when all velocities decay to zero;
  auto-resume via watcher when a gesture ends with residual velocity
- Remove eager inertia.resume() on mount (watcher handles it)

Author: mkbabb

demo/@/components/custom/orbital-drag/OrbitalDrag.vue

@@ -253,7 +253,6 @@ onMounted(() => {
     useEventListener(window, "gesturechange", pinch.gesture as (event: Event) => void, { passive: false });
     useEventListener(window, "gestureend", pinch.stopGesture);
 
-    inertia.resume();
 });
 
 onUnmounted(() => {

demo/@/components/custom/orbital-drag/useOrbitalInertia.ts

@@ -1,5 +1,6 @@
 import { useRafFn } from "@vueuse/core";
 import type { Ref } from "vue";
+import { watch } from "vue";
 import type { TransformState, VelocityState } from ".";
 import { axes } from ".";
 
@@ -36,6 +37,16 @@ export function useOrbitalInertia(params: OrbitalInertiaParams) {
         updateLinearTransform,
     } = params;
 
+    const hasVelocity = () => {
+        if (Math.abs(angularVelocitySpeed.value) > 1e-4) return true;
+        for (const category of ["translate", "scale"] as const) {
+            for (const v of Object.values(velocity.value[category])) {
+                if (Math.abs(v as number) > 0.01) return true;
+            }
+        }
+        return false;
+    };
+
     const applyInertia = () => {
         if (isDragging.value || isTouching.value || isWheeling.value) return;
 
@@ -66,9 +77,24 @@ export function useOrbitalInertia(params: OrbitalInertiaParams) {
                 }
             }
         }
+
+        // Auto-pause when all velocities have decayed to zero
+        if (!hasVelocity()) {
+            pause();
+        }
     };
 
-    const { pause, resume } = useRafFn(applyInertia);
+    const { pause, resume } = useRafFn(applyInertia, { immediate: false });
+
+    // Auto-resume the inertia loop when a gesture ends with residual velocity
+    watch(
+        () => isDragging.value || isTouching.value || isWheeling.value,
+        (active) => {
+            if (!active && hasVelocity()) {
+                resume();
+            }
+        },
+    );
 
     return { pause, resume };
 }

demo/@/components/custom/orbital-drag/useOrbitalPointer.ts

@@ -317,7 +317,7 @@ export function useOrbitalPointer(params: OrbitalPointerParams) {
         startDrag(event);
         containerRef.value!.setPointerCapture(event.pointerId);
         const doc = containerRef.value!.ownerDocument;
-        doc.addEventListener("pointermove", onPointerMove, { passive: false });
+        doc.addEventListener("pointermove", onPointerMove);
         doc.addEventListener("pointerup", onPointerUp);
         doc.addEventListener("pointercancel", onPointerUp);
     };