From 7deb7e9ef151214484306f3d31eea4b33f24952a Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Mon, 10 Aug 2026 12:58:02 +0100
Subject: [PATCH] fix: prepr

---
 .../ui/moderation/moderation-checklist/index.vue | 10 ++++------
 .../moderation-checklist/node-renderer/index.vue |  6 +++++-
 .../node-renderer/renderers.ts                   |  5 +----
 .../node-renderer/use-node-renderer.ts           | 14 ++++++--------
 .../moderation/moderation-checklist/use-lock.ts  | 16 ++++++++--------
 .../use-node-renderer-state.ts                   |  7 +------
 .../moderation-checklist/use-persistence.ts      |  4 +---
 .../moderation-checklist/use-submission.ts       |  4 +---
 .../moderation/src/types/node/capabilities.ts    | 12 ++----------
 packages/moderation/src/types/node/factories.ts  |  2 +-
 10 files changed, 30 insertions(+), 50 deletions(-)

diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/index.vue b/apps/frontend/src/components/ui/moderation/moderation-checklist/index.vue
index 852bdbf398..4c942dbf9d 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/index.vue
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/index.vue
@@ -284,9 +284,9 @@
 									<component
 										:is="opt.icon"
 										v-if="opt.icon"
-									class="mr-2"
-									:class="{ 'opacity-50': opt.visited }"
-									aria-hidden="true"
+										class="mr-2"
+										:class="{ 'opacity-50': opt.visited }"
+										aria-hidden="true"
 									/>
 									<span :class="{ 'opacity-50': opt.visited }">
 										{{ opt.text
@@ -1343,9 +1343,7 @@ async function generateMessage() {
 
 const hasNextProject = ref(false)
 
-const finishedId = import.meta.client
-	? localStorage.getItem('moderation-checklist-finished')
-	: null
+const finishedId = import.meta.client ? localStorage.getItem('moderation-checklist-finished') : null
 if (finishedId === projectV2.value.id) {
 	localStorage.removeItem('moderation-checklist-finished')
 	hasNextProject.value = moderationQueue.queueLength > 0
diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/index.vue b/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/index.vue
index 427c8d3c46..ca38bacbd1 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/index.vue
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/index.vue
@@ -70,6 +70,7 @@ const {
 					</div>
 
 					<template v-if="hasChildrenCap(item) && !hasValueCap(item)">
+						<!-- eslint-disable-next-line vue/no-undef-components -- recursive component named via defineOptions -->
 						<NodeRenderer
 							:nodes="resolveChildren(item, containerScope(item).state)"
 							:state="containerScope(item).state"
@@ -90,7 +91,9 @@ const {
 							:[modelProp(item)]="
 								getEffectiveValue(item as RenderableValueNode, state[item.id], wrappedState)
 							"
-							@[updateEvent(item)]="(value: unknown) => updateValue(item as RenderableValueNode, value)"
+							@[updateEvent(item)]="
+								(value: unknown) => updateValue(item as RenderableValueNode, value)
+							"
 						/>
 						<template
 							v-for="(tweak, tweakIndex) in (item as RenderableValueNode)._tweaks ?? []"
@@ -132,6 +135,7 @@ const {
 		</template>
 
 		<template v-for="(item, idx) in nodes" :key="`children-${nodeKey(item, idx)}`">
+			<!-- eslint-disable-next-line vue/no-undef-components -- recursive component named via defineOptions -->
 			<NodeRenderer
 				v-if="
 					typeof item === 'object' &&
diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/renderers.ts b/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/renderers.ts
index dd2bbc03ce..974007df38 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/renderers.ts
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/renderers.ts
@@ -10,10 +10,7 @@ import type { RenderableValueNode, RendererPropsContext } from './types'
 
 interface RendererDefinition {
 	component: Component
-	props?: (
-		node: RenderableValueNode,
-		context: RendererPropsContext,
-	) => Record<string, unknown>
+	props?: (node: RenderableValueNode, context: RendererPropsContext) => Record<string, unknown>
 }
 
 const builtinRenderers = {
diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/use-node-renderer.ts b/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/use-node-renderer.ts
index 7a8aca911c..ef7e7de279 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/use-node-renderer.ts
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/node-renderer/use-node-renderer.ts
@@ -25,8 +25,8 @@ import {
 	originScope,
 	resolve,
 	resolveChildren,
-	writeNodeValue,
 	withStateDefaults,
+	writeNodeValue,
 } from '@modrinth/moderation/src/types/node'
 import type { Component } from 'vue'
 import { computed, watchEffect } from 'vue'
@@ -122,9 +122,7 @@ export function useNodeRenderer(props: NodeRendererProps) {
 			? {
 					class: '!w-auto max-w-full',
 					style: {
-						minWidth: getDropdownMinWidth(
-							node._options as unknown as Array<{ label: string }>,
-						),
+						minWidth: getDropdownMinWidth(node._options as unknown as Array<{ label: string }>),
 					},
 				}
 			: undefined
@@ -211,9 +209,7 @@ export function useNodeRenderer(props: NodeRendererProps) {
 	}
 
 	function nodeKey(item: ChildNode, index: number): string {
-		return typeof item === 'object' && item !== null && hasIdCap(item)
-			? item.id
-			: `n-${index}`
+		return typeof item === 'object' && item !== null && hasIdCap(item) ? item.id : `n-${index}`
 	}
 
 	function modelProp(item: object): string {
@@ -229,7 +225,9 @@ export function useNodeRenderer(props: NodeRendererProps) {
 			? (item._onChange as OnChangeFn | undefined)
 			: undefined
 		if (onChange) {
-			const result = onChange(value as string, { override: (override) => ({ __override: override }) })
+			const result = onChange(value as string, {
+				override: (override) => ({ __override: override }),
+			})
 			if (result && typeof result === 'object' && '__override' in result) {
 				writeNodeValue(
 					item,
diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-lock.ts b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-lock.ts
index 9e0b71333f..66e2295454 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-lock.ts
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-lock.ts
@@ -1,10 +1,7 @@
 import type { AbstractWebNotificationManager } from '@modrinth/ui'
 import { ref } from 'vue'
 
-import type {
-	LockAcquireResponse,
-	ModerationQueueService,
-} from '~/services/moderation/queue.ts'
+import type { LockAcquireResponse, ModerationQueueService } from '~/services/moderation/queue.ts'
 
 interface ChecklistLockOptions {
 	projectId: string
@@ -110,10 +107,13 @@ export function useChecklistLock({
 
 	function startHeartbeat() {
 		if (heartbeat) clearInterval(heartbeat)
-		heartbeat = setInterval(async () => {
-			const result = await queue.refreshLock()
-			if (!result.success) handleLost(result)
-		}, 5 * 60 * 1000)
+		heartbeat = setInterval(
+			async () => {
+				const result = await queue.refreshLock()
+				if (!result.success) handleLost(result)
+			},
+			5 * 60 * 1000,
+		)
 	}
 
 	function handleAcquired() {
diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-node-renderer-state.ts b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-node-renderer-state.ts
index 19565ffce2..39bfe66c71 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-node-renderer-state.ts
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-node-renderer-state.ts
@@ -1,5 +1,6 @@
 import type { Labrinth } from '@modrinth/api-client'
 import { expandVariables } from '@modrinth/moderation'
+import type { FixBuilder, NodeState, StageNode, Writer } from '@modrinth/moderation/src/types/node'
 import {
 	collectMessageNodes,
 	computeAttentionMap,
@@ -7,12 +8,6 @@ import {
 	evalActiveAction,
 	resolveChildren,
 } from '@modrinth/moderation/src/types/node'
-import type {
-	FixBuilder,
-	NodeState,
-	StageNode,
-	Writer,
-} from '@modrinth/moderation/src/types/node'
 import { renderHighlightedString } from '@modrinth/utils'
 import type { ComputedRef, Ref } from 'vue'
 import { computed, ref, watchEffect } from 'vue'
diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-persistence.ts b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-persistence.ts
index 396ebede4c..c9e48bb339 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-persistence.ts
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-persistence.ts
@@ -16,9 +16,7 @@ export async function loadChecklistPersistence(projectId: string) {
 	const persistedState = import.meta.client ? await loadChecklistState(projectId) : null
 	const activatedStages = ref<Set<string>>(new Set(persistedState?.activatedStages ?? []))
 	const visitedStages = ref<Set<string>>(
-		new Set(
-			import.meta.client ? (getSessionChecklistState(projectId).visitedStages ?? []) : [],
-		),
+		new Set(import.meta.client ? (getSessionChecklistState(projectId).visitedStages ?? []) : []),
 	)
 	const reviewedAnyway = ref(persistedState?.reviewAnyway ?? false)
 	const message = ref<string | null>(persistedState?.message ?? null)
diff --git a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-submission.ts b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-submission.ts
index c6402056a2..99f71d554f 100644
--- a/apps/frontend/src/components/ui/moderation/moderation-checklist/use-submission.ts
+++ b/apps/frontend/src/components/ui/moderation/moderation-checklist/use-submission.ts
@@ -20,9 +20,7 @@ interface ModerationSubmission {
 }
 
 function getFixes(node: object): FixBuilder[] {
-	return hasCap(node, '_fixes') && Array.isArray(node._fixes)
-		? (node._fixes as FixBuilder[])
-		: []
+	return hasCap(node, '_fixes') && Array.isArray(node._fixes) ? (node._fixes as FixBuilder[]) : []
 }
 
 function shouldApplyFixes(actions: ActiveAction[]): boolean {
diff --git a/packages/moderation/src/types/node/capabilities.ts b/packages/moderation/src/types/node/capabilities.ts
index 6a9304ced8..585e35fa51 100644
--- a/packages/moderation/src/types/node/capabilities.ts
+++ b/packages/moderation/src/types/node/capabilities.ts
@@ -259,17 +259,9 @@ export interface NodePropsContext {
 	toggleSetValue?: (value: string) => void
 }
 
-export type BuiltinRendererKey =
-	| 'action'
-	| 'checkbox'
-	| 'toggle'
-	| 'dropdown'
-	| 'text'
-	| 'markdown'
+export type BuiltinRendererKey = 'action' | 'checkbox' | 'toggle' | 'dropdown' | 'text' | 'markdown'
 
-export type NodeRendererDescriptor =
-	| { type: BuiltinRendererKey }
-	| { type: 'custom'; key: string }
+export type NodeRendererDescriptor = { type: BuiltinRendererKey } | { type: 'custom'; key: string }
 
 export interface Renderable {
 	_renderer: NodeRendererDescriptor
diff --git a/packages/moderation/src/types/node/factories.ts b/packages/moderation/src/types/node/factories.ts
index 700c0aeb66..bb64ad6ff2 100644
--- a/packages/moderation/src/types/node/factories.ts
+++ b/packages/moderation/src/types/node/factories.ts
@@ -12,8 +12,8 @@ import {
 	withNoneLabel,
 	withOnClick,
 	withPriority,
-	withRequired,
 	withRenderer,
+	withRequired,
 	withSelectable,
 	withShown,
 	withStageMeta,