Add smoothing transition for value changes to simulate inertia and slow pointers

packages/core/src/animation/index.ts

@@ -0,0 +1 @@
+export { useSmoothedValue } from './useSmoothedValue';

packages/core/src/animation/useSmoothedValue.ts

@@ -0,0 +1,19 @@
+import { useTransition, TransitionPresets } from '@vueuse/core';
+import type { MaybeRefOrGetter } from 'vue';
+
+/**
+ * Returns a smoothed version of a numeric value using easeOutExpo easing.
+ * Works for any continuously-updating number: gauge needles, digital readouts, etc.
+ *
+ * @param source  Reactive numeric source (ref, computed, or getter)
+ * @param duration  Transition duration in ms; 0 = instant (no easing)
+ */
+export function useSmoothedValue(
+  source: MaybeRefOrGetter<number>,
+  duration: MaybeRefOrGetter<number>,
+) {
+  return useTransition(source, {
+    duration,
+    transition: TransitionPresets.easeOutExpo,
+  });
+}

packages/core/src/index.ts

@@ -1,6 +1,7 @@
 import './math';
 
 export { PrerenderedSvgImage } from './components';
+export * from './animation';
 export * from './flightgear-properties';
 export * from './flightgear-http';
 export { clamp, installPanelMath, interpolate, panelMathMixin } from './math';