From b83eb10fa3c2d1742eeaa7a06145b11b2f00f752 Mon Sep 17 00:00:00 2001
From: "Calum H." <hendersoncal117@gmail.com>
Date: Sat, 24 May 2025 16:50:48 +0100
Subject: [PATCH] fix: lint issues

---
 ...SkinRenderer.ts => batch-skin-renderer.ts} | 12 ++----------
 apps/app-frontend/src/pages/Skins.vue         |  4 ++--
 .../components/skin/SkinPreviewRenderer.vue   | 19 ++++++++-----------
 packages/utils/three/skin-rendering.ts        | 13 +++++--------
 4 files changed, 17 insertions(+), 31 deletions(-)
 rename apps/app-frontend/src/helpers/rendering/{batchSkinRenderer.ts => batch-skin-renderer.ts} (96%)

diff --git a/apps/app-frontend/src/helpers/rendering/batchSkinRenderer.ts b/apps/app-frontend/src/helpers/rendering/batch-skin-renderer.ts
similarity index 96%
rename from apps/app-frontend/src/helpers/rendering/batchSkinRenderer.ts
rename to apps/app-frontend/src/helpers/rendering/batch-skin-renderer.ts
index 9f8f3d952..540043cd0 100644
--- a/apps/app-frontend/src/helpers/rendering/batchSkinRenderer.ts
+++ b/apps/app-frontend/src/helpers/rendering/batch-skin-renderer.ts
@@ -2,10 +2,7 @@ import * as THREE from 'three'
 import type { Skin, Cape } from '../skins'
 import { determineModelType } from '../skins'
 import { reactive } from 'vue'
-import {
-  setupSkinModel,
-  disposeCaches
-} from '@modrinth/utils'
+import { setupSkinModel, disposeCaches } from '@modrinth/utils'
 
 export interface RenderResult {
   forwards: string
@@ -102,12 +99,7 @@ class BatchSkinRenderer {
     }
 
     // Use the utility function to setup the skin model
-    const { model } = await setupSkinModel(
-      modelUrl,
-      textureUrl,
-      capeModelUrl,
-      capeUrl
-    )
+    const { model } = await setupSkinModel(modelUrl, textureUrl, capeModelUrl, capeUrl)
 
     const group = new THREE.Group()
     group.add(model)
diff --git a/apps/app-frontend/src/pages/Skins.vue b/apps/app-frontend/src/pages/Skins.vue
index 348c97d3c..f59255aeb 100644
--- a/apps/app-frontend/src/pages/Skins.vue
+++ b/apps/app-frontend/src/pages/Skins.vue
@@ -34,8 +34,8 @@ import {
 import { get as getSettings } from '@/helpers/settings.ts'
 import type { Cape, Skin } from '@/helpers/skins.ts'
 import { get_default_user, users, login as login_flow } from '@/helpers/auth'
-import type { RenderResult } from '@/helpers/rendering/batchSkinRenderer.ts'
-import { generateSkinPreviews, map } from '@/helpers/rendering/batchSkinRenderer.ts'
+import type { RenderResult } from '@/helpers/rendering/batch-skin-renderer.ts'
+import { generateSkinPreviews, map } from '@/helpers/rendering/batch-skin-renderer.ts'
 import { handleSevereError } from '@/store/error'
 import { trackEvent } from '@/helpers/analytics'
 import type AccountsCard from '@/components/ui/AccountsCard.vue'
diff --git a/packages/ui/src/components/skin/SkinPreviewRenderer.vue b/packages/ui/src/components/skin/SkinPreviewRenderer.vue
index 9f44640ed..fa0cdb5de 100644
--- a/packages/ui/src/components/skin/SkinPreviewRenderer.vue
+++ b/packages/ui/src/components/skin/SkinPreviewRenderer.vue
@@ -70,7 +70,7 @@
 
       <!-- eslint-disable-next-line vue/attribute-hyphenation -->
       <TresPerspectiveCamera
-        :makeDefault="true"
+        :make-default="true"
         :fov="fov"
         :position="[0, 1.5, -3.25]"
         :look-at="target"
@@ -96,7 +96,7 @@ import {
   attachCapeToBody,
   findBodyNode,
   createTransparentTexture,
-  loadTexture as loadSkinTexture
+  loadTexture as loadSkinTexture,
 } from '@modrinth/utils'
 
 const props = withDefaults(
@@ -299,17 +299,14 @@ watch(
       attachCapeToBodyWrapper()
     }
   },
-  { immediate: true }
+  { immediate: true },
 )
 
-watch(
-  capeScene,
-  (newCapeScene) => {
-    if (newCapeScene && bodyNode.value && isModelLoaded.value && !capeAttached.value) {
-      attachCapeToBodyWrapper()
-    }
+watch(capeScene, (newCapeScene) => {
+  if (newCapeScene && bodyNode.value && isModelLoaded.value && !capeAttached.value) {
+    attachCapeToBodyWrapper()
   }
-)
+})
 
 watch(selectedModelSrc, (src) => loadModel(src))
 watch(
@@ -358,7 +355,7 @@ onBeforeMount(async () => {
 <style scoped lang="scss">
 .nametag-bg {
   background: linear-gradient(308.68deg, rgba(0, 0, 0, 0) -52.46%, rgba(100, 100, 100, 0.1) 94.75%),
-  rgba(0, 0, 0, 0.2);
+    rgba(0, 0, 0, 0.2);
   box-shadow:
     inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),
     inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.05);
diff --git a/packages/utils/three/skin-rendering.ts b/packages/utils/three/skin-rendering.ts
index e746c9677..2a9a079bc 100644
--- a/packages/utils/three/skin-rendering.ts
+++ b/packages/utils/three/skin-rendering.ts
@@ -40,7 +40,7 @@ export async function loadModel(modelUrl: string): Promise<GLTF> {
  */
 export async function loadTexture(
   textureUrl: string,
-  config: SkinRendererConfig = {}
+  config: SkinRendererConfig = {},
 ): Promise<THREE.Texture> {
   const cacheKey = `${textureUrl}_${JSON.stringify(config)}`
 
@@ -95,7 +95,7 @@ export function applyTexture(model: THREE.Object3D, texture: THREE.Texture): voi
 export function applyCapeTexture(
   model: THREE.Object3D,
   texture: THREE.Texture | null,
-  transparentTexture?: THREE.Texture
+  transparentTexture?: THREE.Texture,
 ): void {
   model.traverse((child) => {
     if ((child as THREE.Mesh).isMesh) {
@@ -125,7 +125,7 @@ export function attachCapeToBody(
   bodyNode: THREE.Object3D,
   capeModel: THREE.Object3D,
   position = { x: 0, y: -1, z: -0.01 },
-  rotation = { x: 0, y: -Math.PI / 2, z: 0 }
+  rotation = { x: 0, y: -Math.PI / 2, z: 0 },
 ): void {
   if (!bodyNode || !capeModel) return
 
@@ -184,17 +184,14 @@ export async function setupSkinModel(
   textureUrl: string,
   capeModelUrl?: string,
   capeTextureUrl?: string,
-  config: SkinRendererConfig = {}
+  config: SkinRendererConfig = {},
 ): Promise<{
   model: THREE.Object3D
   bodyNode: THREE.Object3D | null
   capeModel: THREE.Object3D | null
 }> {
   // Load model and texture in parallel
-  const [gltf, texture] = await Promise.all([
-    loadModel(modelUrl),
-    loadTexture(textureUrl, config),
-  ])
+  const [gltf, texture] = await Promise.all([loadModel(modelUrl), loadTexture(textureUrl, config)])
 
   const model = gltf.scene.clone()
   applyTexture(model, texture)