fix: lint issues

packages/ui/src/components/skin/SkinLikeTextButton.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     selected?: boolean
     tooltip?: string
@@ -56,8 +56,8 @@ const pressed = ref(false)
       var(--color-brand) -76.68%,
       rgba(27, 217, 106, 0.534) -38.61%,
       rgba(12, 89, 44, 0.6) 100.4%
-  ),
-  var(--color-bg);
+    ),
+    var(--color-bg);
 }
 
 .skin-btn-bg.selected:hover,

packages/ui/src/components/skin/SkinPreviewRenderer.vue

@@ -29,12 +29,12 @@
         toneMapping: THREE.NoToneMapping,
         toneMappingExposure: 10.0,
       }"
+      class="transition-opacity duration-500"
+      :class="{ 'opacity-0': !isReady, 'opacity-100': isReady }"
       @pointerdown="onPointerDown"
       @pointermove="onPointerMove"
       @pointerup="onPointerUp"
       @pointerleave="onPointerUp"
-      class="transition-opacity duration-500"
-      :class="{'opacity-0': !isReady, 'opacity-100': isReady}"
     >
       <Suspense>
         <Group>
@@ -90,7 +90,7 @@
     <div
       v-if="!isReady"
       class="w-full h-full flex items-center justify-center transition-opacity duration-500"
-      :class="{'opacity-100': !isReady, 'opacity-0': isReady}"
+      :class="{ 'opacity-100': !isReady, 'opacity-0': isReady }"
     >
       <div class="text-primary">Loading...</div>
     </div>
@@ -653,8 +653,12 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 .nametag-bg {
-  background: linear-gradient(308.68deg, rgba(50, 50, 50, 0.2) -52.46%, rgba(100, 100, 100, 0.2) 94.75%),
-  rgba(0, 0, 0, 0.2);
+  background: linear-gradient(
+      308.68deg,
+      rgba(50, 50, 50, 0.2) -52.46%,
+      rgba(100, 100, 100, 0.2) 94.75%
+    ),
+    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);