fix: lint

docs/advanced/performance.md

@@ -143,12 +143,9 @@ To avoid errors and unwanted sideeffects, resources created programatically with
   import { dispose } from '@tresjs/core'
   import { useGLTF } from '@tresjs/cientos'
 
-  const { nodes } = await useGLTF(
-    'https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb',
-    {
-      draco: true,
-    },
-  )
+  const { nodes } = await useGLTF('https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb', {
+    draco: true,
+  })
   const model = nodes.Cube
 
   onUnmounted(() => {

docs/advanced/primitive.md

@@ -32,11 +32,7 @@ The same pointer events available on the TresJS components are available on the
 
 ```html
 <template>
-  <primitive
-    :object="meshWithMaterial"
-    @click="onClick"
-    @pointermove="onPointerMove"
-  />
+  <primitive :object="meshWithMaterial" @click="onClick" @pointermove="onPointerMove" />
 </template>
 ```
 

playground/vue/src/pages/basic/Primitives.vue

@@ -9,8 +9,8 @@ import {
   Mesh,
   MeshToonMaterial,
   NoToneMapping,
-  SRGBColorSpace,
   SphereGeometry,
+  SRGBColorSpace,
   TorusGeometry,
   TorusKnotGeometry,
 } from 'three'

playground/vue/src/pages/basic/ready/LoopCallbackWatcher.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useLoop } from '@tresjs/core'
-import { type ShallowRef, ref, shallowRef } from 'vue'
+import { ref, type ShallowRef, shallowRef } from 'vue'
 
 const isCalled = ref(false)
 

playground/vue/src/pages/basic/ready/OnTresReadyWatcher.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { type TresContext, onTresReady } from '@tresjs/core'
-import { type ShallowRef, ref, shallowRef } from 'vue'
+import { onTresReady, type TresContext } from '@tresjs/core'
+import { ref, type ShallowRef, shallowRef } from 'vue'
 
 const isCalled = ref(false)
 

playground/vue/src/pages/loaders/componentDemo.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { TresCanvas, UseLoader } from '@tresjs/core'
 import { OrbitControls } from '@tresjs/cientos'
+import { TresCanvas, UseLoader } from '@tresjs/core'
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
 
 const url = 'https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb'

src/components/TresCanvas.vue

@@ -2,10 +2,10 @@
 import { PerspectiveCamera, Scene } from 'three'
 import * as THREE from 'three'
 import {
-  Fragment,
   computed,
   createRenderer,
   defineComponent,
+  Fragment,
   getCurrentInstance,
   h,
   onMounted,

src/composables/index.ts

@@ -1,5 +1,5 @@
-import UseTexture from './useTexture/component.vue'
 import UseLoader from './useLoader/component.vue'
+import UseTexture from './useTexture/component.vue'
 
 export * from './useCamera/'
 export * from './useLoader'
@@ -13,4 +13,4 @@ export * from './useTexture'
 export * from './useTresContextProvider'
 export * from './useTresEventManager'
 export { onTresReady } from './useTresReady'
-export { UseTexture, UseLoader }
+export { UseLoader, UseTexture }

src/composables/useRenderer/index.ts

@@ -6,7 +6,7 @@ import {
 } from '@vueuse/core'
 import { ACESFilmicToneMapping, Color, WebGLRenderer } from 'three'
 
-import { type MaybeRef, computed, onUnmounted, shallowRef, watch, watchEffect } from 'vue'
+import { computed, type MaybeRef, onUnmounted, shallowRef, watch, watchEffect } from 'vue'
 
 import type { ColorSpace, Scene, ShadowMapType, ToneMapping, WebGLRendererParameters } from 'three'
 // Solution taken from Thretle that actually support different versions https://github.com/threlte/threlte/blob/5fa541179460f0dadc7dc17ae5e6854d1689379e/packages/core/src/lib/lib/useRenderer.ts
@@ -16,9 +16,9 @@ import { normalizeColor } from '../../utils/normalize'
 
 import { useLogger } from '../useLogger'
 
+import { rendererPresets } from './const'
 import type { EmitEventFn, TresColor } from '../../types'
 import type { TresContext } from '../useTresContextProvider'
-import { rendererPresets } from './const'
 import type { RendererPresetsType } from './const'
 
 type TransformToMaybeRefOrGetter<T> = {

src/composables/useSeek/useSeek.test.ts

@@ -1,6 +1,6 @@
 import { Object3D } from 'three'
-import { withSetup } from '../../utils/test-utils'
 import { useSeek } from '.'
+import { withSetup } from '../../utils/test-utils'
 
 const [composable, app] = withSetup(() => useSeek())
 

src/composables/useTresReady/index.ts

@@ -1,6 +1,6 @@
 import { useTresContext } from '../useTresContextProvider'
-import type { TresContext } from '../useTresContextProvider'
 import { createReadyEventHook } from './createReadyEventHook'
+import type { TresContext } from '../useTresContextProvider'
 
 const ctxToUseTresReady = new WeakMap<
   TresContext,

src/core/loop.test.ts

@@ -1,6 +1,6 @@
 import { afterEach, beforeEach, it } from 'vitest'
-import type { TresContext } from '../composables/useTresContextProvider'
 import { createRenderLoop } from './loop'
+import type { TresContext } from '../composables/useTresContextProvider'
 
 let renderLoop
 

src/core/nodeOps.test.ts

@@ -4,9 +4,9 @@ import { beforeAll, describe, expect, it, vi } from 'vitest'
 import { shallowRef } from 'vue'
 import type { TresContext } from 'src/composables'
 import type { Vector3 } from 'three'
-import type { TresObject } from '../types'
 import { extend } from './catalogue'
 import { nodeOps as getNodeOps } from './nodeOps'
+import type { TresObject } from '../types'
 
 let nodeOps = getNodeOps(mockTresContext())
 const pool = []

src/core/nodeOps.ts

@@ -1,12 +1,12 @@
 import { BufferAttribute, Object3D } from 'three'
-import { type RendererOptions, isRef } from 'vue'
+import { isRef, type RendererOptions } from 'vue'
 import { useLogger } from '../composables'
 import { attach, deepArrayEqual, doRemoveDeregister, doRemoveDetach, invalidateInstance, isHTMLTag, kebabToCamel, noop, prepareTresInstance, setPrimitiveObject, unboxTresPrimitive } from '../utils'
 import * as is from '../utils/is'
 import { createRetargetingProxy } from '../utils/primitive/createRetargetingProxy'
+import { catalogue } from './catalogue'
 import type { TresContext } from '../composables'
 import type { DisposeType, LocalState, TresInstance, TresObject, TresObject3D, TresPrimitive, WithMathProps } from '../types'
-import { catalogue } from './catalogue'
 
 const { logError } = useLogger()
 
@@ -218,6 +218,7 @@ export const nodeOps: (context: TresContext) => RendererOptions<TresObject, Tres
           node.dispose()
         }
 
+        // eslint-disable-next-line unused-imports/no-unused-vars
         catch (e) {
           // NOTE: We must try/catch here. We want to remove/dispose
           // Vue/THREE children in bottom-up order. But THREE objects
@@ -341,6 +342,7 @@ export const nodeOps: (context: TresContext) => RendererOptions<TresObject, Tres
     invalidateInstance(node as TresObject)
   }
 
+  // eslint-disable-next-line unicorn/consistent-function-scoping
   function parentNode(node: TresObject): TresObject | null {
     return node?.__tres?.parent || null
   }

src/devtools/plugin.ts

@@ -9,8 +9,8 @@ import type {
 import { createHighlightMesh, editSceneObject } from '../utils'
 import * as is from '../utils/is'
 import { bytesToKB, calculateMemoryUsage } from '../utils/perf'
-import type { TresContext } from '../composables'
 import { toastMessage } from './utils'
+import type { TresContext } from '../composables'
 import type { TresObject } from './../types'
 
 export interface Tags {

src/utils/index.ts

@@ -3,8 +3,8 @@ import type { nodeOps } from 'src/core/nodeOps'
 import type { AttachType, LocalState, TresInstance, TresObject, TresPrimitive } from 'src/types'
 import type { Material, Mesh, Object3D, Texture } from 'three'
 import { HightlightMesh } from '../devtools/highlight'
-import type { TresContext } from '../composables/useTresContextProvider'
 import * as is from './is'
+import type { TresContext } from '../composables/useTresContextProvider'
 
 export function toSetMethodName(key: string) {
   return `set${key[0].toUpperCase()}${key.slice(1)}`
@@ -451,7 +451,7 @@ export function invalidateInstance(instance: TresObject) {
 }
 
 export function noop(fn: string): any {
-  // eslint-disable-next-line no-unused-expressions
+  // eslint-disable-next-line ts/no-unused-expressions
   fn
 }