Big formatting spree

vue/src/components/util/AutoScroll.vue

@@ -1,7 +1,12 @@
 <template>
-    <div ref="container" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" class="overflow-y-auto">
-        <slot />
-    </div>
+  <div
+    ref="container"
+    @mouseenter="onMouseEnter"
+    @mouseleave="onMouseLeave"
+    class="overflow-y-auto"
+  >
+    <slot />
+  </div>
 </template>
 
 <script setup>
@@ -20,89 +25,89 @@ let pauseTimeoutId = null;
 let cachedScrollHeight = 0;
 
 function measureScrollHeight() {
-    const el = container.value;
-    if (el) cachedScrollHeight = el.scrollHeight;
+  const el = container.value;
+  if (el) cachedScrollHeight = el.scrollHeight;
 }
 
 function stopLoop() {
-    if (rafId !== null) {
-        cancelAnimationFrame(rafId);
-        rafId = null;
-    }
-    if (pauseTimeoutId !== null) {
-        clearTimeout(pauseTimeoutId);
-        pauseTimeoutId = null;
-    }
+  if (rafId !== null) {
+    cancelAnimationFrame(rafId);
+    rafId = null;
+  }
+  if (pauseTimeoutId !== null) {
+    clearTimeout(pauseTimeoutId);
+    pauseTimeoutId = null;
+  }
 }
 
 function startLoop() {
-    stopLoop();
-    rafId = requestAnimationFrame(tick);
+  stopLoop();
+  rafId = requestAnimationFrame(tick);
 }
 
 function onMouseEnter() {
-    hovered = true;
-    stopLoop();
+  hovered = true;
+  stopLoop();
 }
 
 function onMouseLeave() {
-    hovered = false;
-    const el = container.value;
-    if (el && cachedScrollHeight > 0) {
-        pos = el.scrollTop / cachedScrollHeight;
-    }
-    startLoop();
+  hovered = false;
+  const el = container.value;
+  if (el && cachedScrollHeight > 0) {
+    pos = el.scrollTop / cachedScrollHeight;
+  }
+  startLoop();
 }
 
 function schedulePause(callback) {
-    stopLoop();
-    pauseTimeoutId = setTimeout(callback, PAUSE);
+  stopLoop();
+  pauseTimeoutId = setTimeout(callback, PAUSE);
 }
 
 function tick() {
-    rafId = null;
-    const el = container.value;
-    if (hovered) return;
-
-    if (!el || cachedScrollHeight === 0) {
-        rafId = requestAnimationFrame(tick);
-        return;
-    }
-
-    const reachedBottom = pos >= 1;
-    const reachedTop = pos <= 0;
-
-    if (reachedBottom) {
-        pos = 0.999;
-        direction = -1;
-        schedulePause(startLoop);
-        return;
-    } else if (reachedTop && direction === -1) {
-        pos = 0.001;
-        direction = 1;
-        schedulePause(startLoop);
-        return;
-    }
-
-    pos += direction * SPEED;
-
-    el.scrollTop = pos * cachedScrollHeight;
+  rafId = null;
+  const el = container.value;
+  if (hovered) return;
 
+  if (!el || cachedScrollHeight === 0) {
     rafId = requestAnimationFrame(tick);
+    return;
+  }
+
+  const reachedBottom = pos >= 1;
+  const reachedTop = pos <= 0;
+
+  if (reachedBottom) {
+    pos = 0.999;
+    direction = -1;
+    schedulePause(startLoop);
+    return;
+  } else if (reachedTop && direction === -1) {
+    pos = 0.001;
+    direction = 1;
+    schedulePause(startLoop);
+    return;
+  }
+
+  pos += direction * SPEED;
+
+  el.scrollTop = pos * cachedScrollHeight;
+
+  rafId = requestAnimationFrame(tick);
 }
 
 let resizeObserver;
 
 onMounted(() => {
-    measureScrollHeight();
-    schedulePause(startLoop);
+  measureScrollHeight();
+  schedulePause(startLoop);
 
-    resizeObserver = new ResizeObserver(measureScrollHeight);
-    resizeObserver.observe(container.value);
+  resizeObserver = new ResizeObserver(measureScrollHeight);
+  resizeObserver.observe(container.value);
 });
 
 onBeforeUnmount(() => {
-    stopLoop();
-    resizeObserver?.disconnect();
+  stopLoop();
+  resizeObserver?.disconnect();
 });
 </script>