diff --git a/frontend/src/v2/components/GameDetails/CoverColumn.vue b/frontend/src/v2/components/GameDetails/CoverColumn.vue
index 88328d85e..ed1a47e42 100644
--- a/frontend/src/v2/components/GameDetails/CoverColumn.vue
+++ b/frontend/src/v2/components/GameDetails/CoverColumn.vue
@@ -10,13 +10,13 @@
// upgrades to the interactive RBox3D the user can spin. Anything missing —
// a different style, an incomplete set, or a failed image — falls straight
// back to the flat GameCover.
+import { RBox3D } from "@v2/lib";
import { computed, ref } from "vue";
import { useI18n } from "vue-i18n";
-import { RBox3D } from "@v2/lib";
import { useUISettings } from "@/composables/useUISettings";
import type { DetailedRom } from "@/stores/roms";
-import { useBoxFaces } from "@/v2/composables/useBoxFaces";
import GameCover from "@/v2/components/shared/GameCover.vue";
+import { useBoxFaces } from "@/v2/composables/useBoxFaces";
defineOptions({ inheritAttrs: false });
diff --git a/frontend/src/v2/composables/useBoxFaces/index.ts b/frontend/src/v2/composables/useBoxFaces/index.ts
index cb7b0e0ef..69db0c920 100644
--- a/frontend/src/v2/composables/useBoxFaces/index.ts
+++ b/frontend/src/v2/composables/useBoxFaces/index.ts
@@ -13,7 +13,12 @@
// is false for most libraries until they opt in and re-scan. RBox3D is
// only mounted when `complete` is true; otherwise the surface keeps the
// flat cover.
-import { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from "vue";
+import {
+ computed,
+ toValue,
+ type ComputedRef,
+ type MaybeRefOrGetter,
+} from "vue";
import type { SimpleRom } from "@/stores/roms";
import { FRONTEND_RESOURCES_PATH } from "@/utils";
import { useWebpSupport } from "@/v2/composables/useWebpSupport";
diff --git a/frontend/src/v2/lib/media/RBox3D/RBox3D.vue b/frontend/src/v2/lib/media/RBox3D/RBox3D.vue
index 04567aa80..dc06e7a9a 100644
--- a/frontend/src/v2/lib/media/RBox3D/RBox3D.vue
+++ b/frontend/src/v2/lib/media/RBox3D/RBox3D.vue
@@ -152,7 +152,10 @@ function endDrag(e: PointerEvent) {
// after a pause (no recent movement) carries no flick.
if (performance.now() - lastMoveAt < FLICK_WINDOW_MS) {
const coast = (v: number) =>
- Math.max(-MOMENTUM_MAX, Math.min(MOMENTUM_MAX, v * DRAG_SENSITIVITY * MOMENTUM_FRAMES));
+ Math.max(
+ -MOMENTUM_MAX,
+ Math.min(MOMENTUM_MAX, v * DRAG_SENSITIVITY * MOMENTUM_FRAMES),
+ );
const dy = coast(velX);
const dp = coast(-velY);
if (Math.abs(dy) > 1 || Math.abs(dp) > 1) {
@@ -211,7 +214,8 @@ function tick() {
if (Math.abs(ax) > Math.abs(rx)) rx = ax;
if (Math.abs(ay) > Math.abs(ry)) ry = ay;
}
- const active = Math.abs(rx) > STICK_DEADZONE || Math.abs(ry) > STICK_DEADZONE;
+ const active =
+ Math.abs(rx) > STICK_DEADZONE || Math.abs(ry) > STICK_DEADZONE;
stickActive.value = active;
if (active) {
yaw.value += rx * STICK_SPEED;
@@ -371,14 +375,14 @@ const rootStyle = computed(() => ({ aspectRatio: String(frontRatio.value) }));
draggable="false"
@load="onFrontLoad"
@error="emit('error')"
- >
+ />
+ />
({ aspectRatio: String(frontRatio.value) }));
:style="leftStyle"
draggable="false"
@load="onSpineLoad"
- >
+ />
-