From 107bb39401509dc8d2b0f97f80fde1db8cf352cf Mon Sep 17 00:00:00 2001
From: alvarosabu <alvaro.saburido@gmail.com>
Date: Tue, 17 Sep 2024 09:55:38 +0200
Subject: [PATCH] chore: revert perfectionist sort

---
 .../theme/components/LocalOrbitControls.vue   |  4 ++--
 .../theme/components/StackBlitzEmbed.vue      |  2 +-
 docs/.vitepress/theme/index.ts                |  2 +-
 .../nuxt/components/EnvironmentLocal.vue      |  2 +-
 playground/vue/src/composables/useFBX.ts      |  2 +-
 playground/vue/src/composables/useGLTF.ts     |  4 ++--
 .../pages/advanced/devicePixelRatio/index.vue |  2 +-
 .../vue/src/pages/advanced/fbo/useFBO.ts      |  4 ++--
 playground/vue/src/pages/basic/Lights.vue     |  4 ++--
 .../vue/src/pages/basic/ready/index.vue       |  4 ++--
 .../pages/cameras/multipleCameras/index.vue   |  2 +-
 playground/vue/src/pages/events/index.vue     |  2 +-
 .../src/pages/issues/701/TheExperience.vue    |  2 +-
 src/components/TresCanvas.vue                 | 22 +++++++++----------
 src/composables/useCamera/index.ts            |  8 +++----
 src/composables/useLoader/index.ts            |  2 +-
 src/composables/useLoop/index.ts              |  2 +-
 src/composables/useRaycaster/index.ts         |  8 +++----
 src/composables/useRenderLoop/index.ts        |  4 ++--
 src/composables/useRenderer/index.ts          | 14 ++++++------
 src/composables/useSizes/index.ts             |  2 +-
 src/composables/useTexture/component.vue      |  2 +-
 src/composables/useTexture/index.ts           |  2 +-
 .../useTresContextProvider/index.ts           | 12 +++++-----
 src/composables/useTresEventManager/index.ts  |  4 ++--
 .../createReadyEventHook/index.ts             |  2 +-
 src/composables/useTresReady/index.ts         |  2 +-
 src/core/catalogue.ts                         |  2 +-
 src/core/loop.test.ts                         |  2 +-
 src/core/loop.ts                              |  6 ++---
 src/core/nodeOps.test.ts                      |  6 ++---
 src/core/nodeOps.ts                           |  5 ++---
 src/devtools/plugin.ts                        | 10 ++++-----
 src/directives/vDistanceTo.ts                 |  4 ++--
 src/directives/vLightHelper.ts                |  8 +++----
 src/utils/createPriorityEventHook.ts          |  2 +-
 src/utils/index.ts                            |  4 ++--
 src/utils/normalize.ts                        |  2 +-
 src/utils/test-utils.ts                       |  2 +-
 39 files changed, 87 insertions(+), 88 deletions(-)

diff --git a/docs/.vitepress/theme/components/LocalOrbitControls.vue b/docs/.vitepress/theme/components/LocalOrbitControls.vue
index 2576a86d3..e41ec93b5 100644
--- a/docs/.vitepress/theme/components/LocalOrbitControls.vue
+++ b/docs/.vitepress/theme/components/LocalOrbitControls.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
+import type { TresVector3 } from '@tresjs/core'
+import type { Camera } from 'three'
 import { extend, useRenderLoop, useTresContext } from '@tresjs/core'
 import { useEventListener } from '@vueuse/core'
 import { OrbitControls } from 'three-stdlib'
 import { onMounted, onUnmounted, shallowRef, unref } from 'vue'
-import type { TresVector3 } from '@tresjs/core'
-import type { Camera } from 'three'
 
 export interface OrbitControlsProps {
   /**
diff --git a/docs/.vitepress/theme/components/StackBlitzEmbed.vue b/docs/.vitepress/theme/components/StackBlitzEmbed.vue
index 0f075cc64..a1024c997 100644
--- a/docs/.vitepress/theme/components/StackBlitzEmbed.vue
+++ b/docs/.vitepress/theme/components/StackBlitzEmbed.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { EmbedOptions } from '@stackblitz/sdk'
 import sdk from '@stackblitz/sdk'
 import { ref, watch } from 'vue'
-import type { EmbedOptions } from '@stackblitz/sdk'
 
 const props = withDefaults(
   defineProps<{
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index e4db16c86..613343bd3 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,5 +1,5 @@
-import VPTheme from 'vitepress/theme'
 import type { Theme } from 'vitepress'
+import VPTheme from 'vitepress/theme'
 
 import TresLayout from './TresLayout.vue'
 import './custom.css'
diff --git a/playground/nuxt/components/EnvironmentLocal.vue b/playground/nuxt/components/EnvironmentLocal.vue
index 54618a8a5..8b25c8127 100644
--- a/playground/nuxt/components/EnvironmentLocal.vue
+++ b/playground/nuxt/components/EnvironmentLocal.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { LoaderProto } from '@tresjs/core'
 import { useLoader, useTresContext } from '@tresjs/core'
 import { CubeReflectionMapping, type CubeTexture, CubeTextureLoader, EquirectangularReflectionMapping, type Texture } from 'three'
 import { RGBELoader } from 'three-stdlib'
-import type { LoaderProto } from '@tresjs/core'
 
 /* const files = ref(['/px.jpg', '/nx.jpg', '/py.jpg', '/ny.jpg', '/pz.jpg', '/nz.jpg']) */
 const files = ref('venice/venice_sunset_1k.hdr')
diff --git a/playground/vue/src/composables/useFBX.ts b/playground/vue/src/composables/useFBX.ts
index c4cc714a6..09f576ed0 100644
--- a/playground/vue/src/composables/useFBX.ts
+++ b/playground/vue/src/composables/useFBX.ts
@@ -1,6 +1,6 @@
+import type { Object3D } from 'three'
 import { useLoader } from '@tresjs/core'
 import { FBXLoader } from 'three-stdlib'
-import type { Object3D } from 'three'
 
 /**
  * Loads an FBX file and returns a THREE.Object3D.
diff --git a/playground/vue/src/composables/useGLTF.ts b/playground/vue/src/composables/useGLTF.ts
index 0fb4c0a4e..d6dba2d09 100644
--- a/playground/vue/src/composables/useGLTF.ts
+++ b/playground/vue/src/composables/useGLTF.ts
@@ -1,7 +1,7 @@
-import { type TresLoader, type TresObject3D, useLoader } from '@tresjs/core'
-import { DRACOLoader, GLTFLoader } from 'three-stdlib'
 import type { AnimationClip, Material, Scene } from 'three'
 import type { GLTF } from 'three-stdlib'
+import { type TresLoader, type TresObject3D, useLoader } from '@tresjs/core'
+import { DRACOLoader, GLTFLoader } from 'three-stdlib'
 
 export interface GLTFLoaderOptions {
   /**
diff --git a/playground/vue/src/pages/advanced/devicePixelRatio/index.vue b/playground/vue/src/pages/advanced/devicePixelRatio/index.vue
index 0468f4d13..b756ea5d4 100644
--- a/playground/vue/src/pages/advanced/devicePixelRatio/index.vue
+++ b/playground/vue/src/pages/advanced/devicePixelRatio/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { WebGLRenderer } from 'three'
 import { TresCanvas } from '@tresjs/core'
 import { shallowRef } from 'vue'
-import type { WebGLRenderer } from 'three'
 
 const rendererRef = shallowRef<WebGLRenderer | null>(null)
 const minDpr = 1
diff --git a/playground/vue/src/pages/advanced/fbo/useFBO.ts b/playground/vue/src/pages/advanced/fbo/useFBO.ts
index e3159a614..14f1dc814 100644
--- a/playground/vue/src/pages/advanced/fbo/useFBO.ts
+++ b/playground/vue/src/pages/advanced/fbo/useFBO.ts
@@ -1,10 +1,10 @@
+import type { Camera, WebGLRenderTargetOptions } from 'three'
+import type { Ref } from 'vue'
 /* eslint-disable no-console */
 import { useLoop, useTresContext } from '@tresjs/core'
 import { useThrottleFn } from '@vueuse/core'
 import { DepthTexture, FloatType, HalfFloatType, LinearFilter, WebGLRenderTarget } from 'three'
 import { isReactive, onBeforeUnmount, reactive, ref, toRefs, watchEffect } from 'vue'
-import type { Camera, WebGLRenderTargetOptions } from 'three'
-import type { Ref } from 'vue'
 
 export interface FboOptions {
   /*
diff --git a/playground/vue/src/pages/basic/Lights.vue b/playground/vue/src/pages/basic/Lights.vue
index 345176d2f..693b33d11 100644
--- a/playground/vue/src/pages/basic/Lights.vue
+++ b/playground/vue/src/pages/basic/Lights.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import type { TresObject } from '@tresjs/core'
 import { OrbitControls } from '@tresjs/cientos'
 import { TresCanvas, vDistanceTo, vLightHelper, vLog } from '@tresjs/core'
-import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
-import type { TresObject } from '@tresjs/core'
+import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
 const gl = {
   clearColor: '#82DBC5',
diff --git a/playground/vue/src/pages/basic/ready/index.vue b/playground/vue/src/pages/basic/ready/index.vue
index 5fc25d0da..9dfcd3b05 100644
--- a/playground/vue/src/pages/basic/ready/index.vue
+++ b/playground/vue/src/pages/basic/ready/index.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
-import { ref } from 'vue'
 import type { TresContext } from '@tresjs/core'
 import type { ShallowRef } from 'vue'
+import { TresCanvas } from '@tresjs/core'
+import { ref } from 'vue'
 import LoopCallbackWatcher from './LoopCallbackWatcher.vue'
 import OnTresReadyWatcher from './OnTresReadyWatcher.vue'
 
diff --git a/playground/vue/src/pages/cameras/multipleCameras/index.vue b/playground/vue/src/pages/cameras/multipleCameras/index.vue
index c91343423..7a0932182 100644
--- a/playground/vue/src/pages/cameras/multipleCameras/index.vue
+++ b/playground/vue/src/pages/cameras/multipleCameras/index.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { Camera } from 'three'
 import { OrbitControls } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
 import { TresLeches, useControls } from '@tresjs/leches'
-import type { Camera } from 'three'
 import TheCameraOperator from './TheCameraOperator.vue'
 import '@tresjs/leches/styles'
 
diff --git a/playground/vue/src/pages/events/index.vue b/playground/vue/src/pages/events/index.vue
index 41e098405..7b9af7a42 100644
--- a/playground/vue/src/pages/events/index.vue
+++ b/playground/vue/src/pages/events/index.vue
@@ -1,10 +1,10 @@
 <!-- eslint-disable no-console -->
 <script setup lang="ts">
+import type { ThreeEvent } from '@tresjs/core'
 import { OrbitControls, StatsGl } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
 import { TresLeches, useControls } from '@tresjs/leches'
 import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
-import type { ThreeEvent } from '@tresjs/core'
 import '@tresjs/leches/styles'
 
 const gl = {
diff --git a/playground/vue/src/pages/issues/701/TheExperience.vue b/playground/vue/src/pages/issues/701/TheExperience.vue
index 168f6e9f6..00b792f87 100644
--- a/playground/vue/src/pages/issues/701/TheExperience.vue
+++ b/playground/vue/src/pages/issues/701/TheExperience.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable no-console -->
 <script setup lang="ts">
+import type { BufferGeometry, Camera, Material } from 'three'
 import { useLoop } from '@tresjs/core'
 import {
   BoxGeometry,
@@ -12,7 +13,6 @@ import {
   TorusGeometry,
 } from 'three'
 import { onUnmounted, shallowRef } from 'vue'
-import type { BufferGeometry, Camera, Material } from 'three'
 
 const box = (() => {
   const box = new Mesh(
diff --git a/src/components/TresCanvas.vue b/src/components/TresCanvas.vue
index e1c40103c..28421f196 100644
--- a/src/components/TresCanvas.vue
+++ b/src/components/TresCanvas.vue
@@ -1,6 +1,16 @@
 <script setup lang="ts">
+import type {
+  ColorSpace,
+  ShadowMapType,
+  ToneMapping,
+  WebGLRendererParameters,
+} from 'three'
+import type { App, Ref } from 'vue'
+import type { RendererPresetsType } from '../composables/useRenderer/const'
+import type { TresCamera, TresObject, TresScene } from '../types/'
 import { PerspectiveCamera, Scene } from 'three'
 import * as THREE from 'three'
+
 import {
   computed,
   createRenderer,
@@ -16,15 +26,7 @@ import {
   watch,
   watchEffect,
 } from 'vue'
-import type {
-  ColorSpace,
-  ShadowMapType,
-  ToneMapping,
-  WebGLRendererParameters,
-} from 'three'
-import type { App, Ref } from 'vue'
 import pkg from '../../package.json'
-
 import {
   type TresContext,
   useLogger,
@@ -32,12 +34,10 @@ import {
 } from '../composables'
 import { extend } from '../core/catalogue'
 import { nodeOps } from '../core/nodeOps'
+
 import { registerTresDevtools } from '../devtools'
 import { disposeObject3D } from '../utils/'
 
-import type { RendererPresetsType } from '../composables/useRenderer/const'
-import type { TresCamera, TresObject, TresScene } from '../types/'
-
 export interface TresCanvasProps
   extends Omit<WebGLRendererParameters, 'canvas'> {
   // required by for useRenderer
diff --git a/src/composables/useCamera/index.ts b/src/composables/useCamera/index.ts
index f3f8c424e..68c0090bf 100644
--- a/src/composables/useCamera/index.ts
+++ b/src/composables/useCamera/index.ts
@@ -1,11 +1,11 @@
-import { Camera, PerspectiveCamera } from 'three'
-import { computed, onUnmounted, ref, watchEffect } from 'vue'
 import type { OrthographicCamera } from 'three'
-
-import { camera as isCamera } from '../../utils/is'
 import type { TresScene } from '../../types'
 import type { TresContext } from '../useTresContextProvider'
 
+import { Camera, PerspectiveCamera } from 'three'
+import { computed, onUnmounted, ref, watchEffect } from 'vue'
+import { camera as isCamera } from '../../utils/is'
+
 export const useCamera = ({ sizes }: Pick<TresContext, 'sizes'> & { scene: TresScene }) => {
   // the computed does not trigger, when for example the camera position changes
   const cameras = ref<Camera[]>([])
diff --git a/src/composables/useLoader/index.ts b/src/composables/useLoader/index.ts
index 0bfd60572..68685fb0c 100644
--- a/src/composables/useLoader/index.ts
+++ b/src/composables/useLoader/index.ts
@@ -1,6 +1,6 @@
 import type { Loader, LoadingManager, Object3D } from 'three'
-import { useLogger } from '..'
 import type { TresObject } from '../../types'
+import { useLogger } from '..'
 
 export interface TresLoader<T> extends Loader {
   load: (
diff --git a/src/composables/useLoop/index.ts b/src/composables/useLoop/index.ts
index 84c64f2fe..ecdf268a1 100644
--- a/src/composables/useLoop/index.ts
+++ b/src/composables/useLoop/index.ts
@@ -1,5 +1,5 @@
-import { useTresContext } from '../useTresContextProvider'
 import type { LoopCallbackFn } from './../../core/loop'
+import { useTresContext } from '../useTresContextProvider'
 
 export function useLoop() {
   const {
diff --git a/src/composables/useRaycaster/index.ts b/src/composables/useRaycaster/index.ts
index aee0f440a..da7795009 100644
--- a/src/composables/useRaycaster/index.ts
+++ b/src/composables/useRaycaster/index.ts
@@ -1,12 +1,12 @@
-import { createEventHook, useElementBounding, usePointer } from '@vueuse/core'
-import { Vector2, Vector3 } from 'three'
-import { computed, onUnmounted, shallowRef } from 'vue'
 import type { EventHook } from '@vueuse/core'
 import type { DomEvent, TresCamera, TresEvent, TresInstance } from 'src/types'
 import type { Intersection, Object3D, Object3DEventMap } from 'three'
-
 import type { ShallowRef } from 'vue'
 import type { TresContext } from '../useTresContextProvider'
+import { createEventHook, useElementBounding, usePointer } from '@vueuse/core'
+
+import { Vector2, Vector3 } from 'three'
+import { computed, onUnmounted, shallowRef } from 'vue'
 
 export const useRaycaster = (
   objectsWithEvents: ShallowRef<TresInstance[]>,
diff --git a/src/composables/useRenderLoop/index.ts b/src/composables/useRenderLoop/index.ts
index e5c7e3b09..7aa277dbc 100644
--- a/src/composables/useRenderLoop/index.ts
+++ b/src/composables/useRenderLoop/index.ts
@@ -1,7 +1,7 @@
-import { createEventHook, useRafFn } from '@vueuse/core'
-import { Clock } from 'three'
 import type { EventHookOn, Fn } from '@vueuse/core'
 import type { Ref } from 'vue'
+import { createEventHook, useRafFn } from '@vueuse/core'
+import { Clock } from 'three'
 
 export interface RenderLoop {
   delta: number
diff --git a/src/composables/useRenderer/index.ts b/src/composables/useRenderer/index.ts
index ad060ce3e..ae3e5d4bc 100644
--- a/src/composables/useRenderer/index.ts
+++ b/src/composables/useRenderer/index.ts
@@ -1,3 +1,9 @@
+import type { ColorSpace, Scene, ShadowMapType, ToneMapping, WebGLRendererParameters } from 'three'
+import type { EmitEventFn, TresColor } from '../../types'
+
+import type { TresContext } from '../useTresContextProvider'
+
+import type { RendererPresetsType } from './const'
 import {
   type MaybeRefOrGetter,
   toValue,
@@ -5,22 +11,16 @@ import {
   useDevicePixelRatio,
 } from '@vueuse/core'
 import { ACESFilmicToneMapping, Color, WebGLRenderer } from 'three'
-
 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
 import { revision } from '../../core/revision'
 import { get, merge, set, setPixelRatio } from '../../utils'
-import { normalizeColor } from '../../utils/normalize'
 
+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 type { RendererPresetsType } from './const'
-
 type TransformToMaybeRefOrGetter<T> = {
   [K in keyof T]: MaybeRefOrGetter<T[K]> | MaybeRefOrGetter<T[K]>;
 }
diff --git a/src/composables/useSizes/index.ts b/src/composables/useSizes/index.ts
index f7c6b0b49..3f3bc04cd 100644
--- a/src/composables/useSizes/index.ts
+++ b/src/composables/useSizes/index.ts
@@ -1,6 +1,6 @@
+import type { ComputedRef, MaybeRef, MaybeRefOrGetter, Ref } from 'vue'
 import { refDebounced, toValue, useElementSize, useWindowSize } from '@vueuse/core'
 import { computed, readonly } from 'vue'
-import type { ComputedRef, MaybeRef, MaybeRefOrGetter, Ref } from 'vue'
 
 export interface SizesType {
   height: Readonly<Ref<number>>
diff --git a/src/composables/useTexture/component.vue b/src/composables/useTexture/component.vue
index b9c7cfb0b..99274f876 100644
--- a/src/composables/useTexture/component.vue
+++ b/src/composables/useTexture/component.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { PBRUseTextureMap } from './index'
 import { reactive } from 'vue'
 import { useTexture } from './index'
-import type { PBRUseTextureMap } from './index'
 
 const props = defineProps<PBRUseTextureMap>()
 
diff --git a/src/composables/useTexture/index.ts b/src/composables/useTexture/index.ts
index 073eea0e2..c2e77e7f6 100644
--- a/src/composables/useTexture/index.ts
+++ b/src/composables/useTexture/index.ts
@@ -1,5 +1,5 @@
-import { TextureLoader } from 'three'
 import type { LoadingManager, Texture } from 'three'
+import { TextureLoader } from 'three'
 import { isArray } from '../../utils'
 
 export interface PBRMaterialOptions {
diff --git a/src/composables/useTresContextProvider/index.ts b/src/composables/useTresContextProvider/index.ts
index 521f9176a..f65c0c403 100644
--- a/src/composables/useTresContextProvider/index.ts
+++ b/src/composables/useTresContextProvider/index.ts
@@ -1,20 +1,20 @@
+import type { Camera, WebGLRenderer } from 'three'
+import type { ComputedRef, DeepReadonly, MaybeRef, MaybeRefOrGetter, Ref, ShallowRef } from 'vue'
+import type { RendererLoop } from '../../core/loop'
+import type { EmitEventFn, TresControl, TresObject, TresScene } from '../../types'
+import type { UseRendererOptions } from '../useRenderer'
 import { useFps, useMemory, useRafFn } from '@vueuse/core'
 import { Raycaster } from 'three'
 import { computed, inject, onUnmounted, provide, readonly, ref, shallowRef } from 'vue'
-import type { Camera, WebGLRenderer } from 'three'
-import type { ComputedRef, DeepReadonly, MaybeRef, MaybeRefOrGetter, Ref, ShallowRef } from 'vue'
 import { extend } from '../../core/catalogue'
 import { createRenderLoop } from '../../core/loop'
 import { calculateMemoryUsage } from '../../utils/perf'
+
 import { useCamera } from '../useCamera'
 import { useRenderer } from '../useRenderer'
 import useSizes, { type SizesType } from '../useSizes'
-
 import { type TresEventManager, useTresEventManager } from '../useTresEventManager'
 import { useTresReady } from '../useTresReady'
-import type { RendererLoop } from '../../core/loop'
-import type { EmitEventFn, TresControl, TresObject, TresScene } from '../../types'
-import type { UseRendererOptions } from '../useRenderer'
 
 export interface InternalState {
   priority: Ref<number>
diff --git a/src/composables/useTresEventManager/index.ts b/src/composables/useTresEventManager/index.ts
index 5d8a3740f..a20f43623 100644
--- a/src/composables/useTresEventManager/index.ts
+++ b/src/composables/useTresEventManager/index.ts
@@ -1,10 +1,10 @@
-import { shallowRef } from 'vue'
 import type { EmitEventFn, EmitEventName, Intersection, TresEvent, TresInstance, TresObject } from 'src/types'
 import type { Object3D, Object3DEventMap, Scene } from 'three'
+import type { TresContext } from '../useTresContextProvider'
+import { shallowRef } from 'vue'
 import { hyphenate } from '../../utils'
 import * as is from '../../utils/is'
 import { useRaycaster } from '../useRaycaster'
-import type { TresContext } from '../useTresContextProvider'
 
 export interface TresEventManager {
   /**
diff --git a/src/composables/useTresReady/createReadyEventHook/index.ts b/src/composables/useTresReady/createReadyEventHook/index.ts
index f8c529628..0ee8efef3 100644
--- a/src/composables/useTresReady/createReadyEventHook/index.ts
+++ b/src/composables/useTresReady/createReadyEventHook/index.ts
@@ -1,5 +1,5 @@
-import { createEventHook } from '@vueuse/core'
 import type { EventHook, EventHookOn, IsAny } from '@vueuse/core'
+import { createEventHook } from '@vueuse/core'
 
 type Callback<T> =
   IsAny<T> extends true
diff --git a/src/composables/useTresReady/index.ts b/src/composables/useTresReady/index.ts
index b6a197297..9e239e22d 100644
--- a/src/composables/useTresReady/index.ts
+++ b/src/composables/useTresReady/index.ts
@@ -1,6 +1,6 @@
+import type { TresContext } from '../useTresContextProvider'
 import { useTresContext } from '../useTresContextProvider'
 import { createReadyEventHook } from './createReadyEventHook'
-import type { TresContext } from '../useTresContextProvider'
 
 const ctxToUseTresReady = new WeakMap<
   TresContext,
diff --git a/src/core/catalogue.ts b/src/core/catalogue.ts
index 55868771f..4582c89f6 100644
--- a/src/core/catalogue.ts
+++ b/src/core/catalogue.ts
@@ -1,6 +1,6 @@
-import { ref } from 'vue'
 import type { Ref } from 'vue'
 import type { TresCatalogue } from '../types'
+import { ref } from 'vue'
 
 export const catalogue: Ref<TresCatalogue> = ref({})
 
diff --git a/src/core/loop.test.ts b/src/core/loop.test.ts
index 186be4454..a5e9c31c0 100644
--- a/src/core/loop.test.ts
+++ b/src/core/loop.test.ts
@@ -1,6 +1,6 @@
+import type { TresContext } from '../composables/useTresContextProvider'
 import { afterEach, beforeEach, it } from 'vitest'
 import { createRenderLoop } from './loop'
-import type { TresContext } from '../composables/useTresContextProvider'
 
 let renderLoop
 
diff --git a/src/core/loop.ts b/src/core/loop.ts
index d73cf4860..3b4d47e5f 100644
--- a/src/core/loop.ts
+++ b/src/core/loop.ts
@@ -1,10 +1,10 @@
-import { Clock, MathUtils } from 'three'
-import { ref, unref } from 'vue'
 import type { Fn } from '@vueuse/core'
 import type { Camera, EventDispatcher, Raycaster, Scene, WebGLRenderer } from 'three'
 import type { Ref } from 'vue'
-import { createPriorityEventHook } from '../utils/createPriorityEventHook'
 import type { Callback } from '../utils/createPriorityEventHook'
+import { Clock, MathUtils } from 'three'
+import { ref, unref } from 'vue'
+import { createPriorityEventHook } from '../utils/createPriorityEventHook'
 
 export type LoopStage = 'before' | 'render' | 'after'
 
diff --git a/src/core/nodeOps.test.ts b/src/core/nodeOps.test.ts
index 16f993beb..035ed7bc5 100644
--- a/src/core/nodeOps.test.ts
+++ b/src/core/nodeOps.test.ts
@@ -1,12 +1,12 @@
+import type { TresContext } from 'src/composables'
+import type { Vector3 } from 'three'
+import type { TresObject } from '../types'
 import * as THREE from 'three'
 import { Mesh, Scene } from 'three'
 import { beforeAll, describe, expect, it, vi } from 'vitest'
 import { shallowRef } from 'vue'
-import type { TresContext } from 'src/composables'
-import type { Vector3 } from 'three'
 import { extend } from './catalogue'
 import { nodeOps as getNodeOps } from './nodeOps'
-import type { TresObject } from '../types'
 
 let nodeOps = getNodeOps(mockTresContext())
 const pool = []
diff --git a/src/core/nodeOps.ts b/src/core/nodeOps.ts
index ce104570d..6a5fe3665 100644
--- a/src/core/nodeOps.ts
+++ b/src/core/nodeOps.ts
@@ -1,3 +1,5 @@
+import type { TresContext } from '../composables'
+import type { DisposeType, LocalState, TresInstance, TresObject, TresObject3D, TresPrimitive, WithMathProps } from '../types'
 import { BufferAttribute, Object3D } from 'three'
 import { isRef, type RendererOptions } from 'vue'
 import { useLogger } from '../composables'
@@ -5,8 +7,6 @@ import { attach, deepArrayEqual, doRemoveDeregister, doRemoveDetach, invalidateI
 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'
 
 const { logError } = useLogger()
 
@@ -344,7 +344,6 @@ 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
   }
diff --git a/src/devtools/plugin.ts b/src/devtools/plugin.ts
index 16933cd9d..8b4ab89cb 100644
--- a/src/devtools/plugin.ts
+++ b/src/devtools/plugin.ts
@@ -1,17 +1,17 @@
+import type {
+  App as DevtoolsApp,
+} from '@vue/devtools-api'
+import type { TresContext } from '../composables'
+import type { TresObject } from './../types'
 import {
   setupDevtoolsPlugin,
 } from '@vue/devtools-api'
 import { Color, type Mesh } from 'three'
 import { reactive } from 'vue'
-import type {
-  App as DevtoolsApp,
-} from '@vue/devtools-api'
 import { createHighlightMesh, editSceneObject } from '../utils'
 import * as is from '../utils/is'
 import { bytesToKB, calculateMemoryUsage } from '../utils/perf'
 import { toastMessage } from './utils'
-import type { TresContext } from '../composables'
-import type { TresObject } from './../types'
 
 export interface Tags {
   label: string
diff --git a/src/directives/vDistanceTo.ts b/src/directives/vDistanceTo.ts
index f99e429ee..7eacfd988 100644
--- a/src/directives/vDistanceTo.ts
+++ b/src/directives/vDistanceTo.ts
@@ -1,8 +1,8 @@
-import { ArrowHelper } from 'three'
 import type { Ref } from 'vue'
+import type { TresObject } from '../types'
+import { ArrowHelper } from 'three'
 import { useLogger } from '../composables'
 import { extractBindingPosition } from '../utils'
-import type { TresObject } from '../types'
 
 const { logWarning } = useLogger()
 
diff --git a/src/directives/vLightHelper.ts b/src/directives/vLightHelper.ts
index e40b6bc5d..9a14f1fe5 100644
--- a/src/directives/vLightHelper.ts
+++ b/src/directives/vLightHelper.ts
@@ -1,3 +1,7 @@
+import type {
+  Light,
+} from 'three'
+import type { TresObject } from '../types'
 import {
   DirectionalLightHelper,
   HemisphereLightHelper,
@@ -5,11 +9,7 @@ import {
   SpotLightHelper,
 } from 'three'
 import { RectAreaLightHelper } from 'three-stdlib'
-import type {
-  Light,
-} from 'three'
 import { useLogger } from '../composables'
-import type { TresObject } from '../types'
 
 const { logWarning } = useLogger()
 
diff --git a/src/utils/createPriorityEventHook.ts b/src/utils/createPriorityEventHook.ts
index 33b09f136..e3cff9835 100644
--- a/src/utils/createPriorityEventHook.ts
+++ b/src/utils/createPriorityEventHook.ts
@@ -1,5 +1,5 @@
-import { tryOnScopeDispose } from '@vueuse/core'
 import type { EventHookOff, IsAny } from '@vueuse/core'
+import { tryOnScopeDispose } from '@vueuse/core'
 
 // NOTE: Based on vueuse's createEventHook
 // https://github.com/vueuse/vueuse/blob/1558cd2b5b019abc1feda6d702caa1053a182903/packages/shared/createEventHook/index.ts
diff --git a/src/utils/index.ts b/src/utils/index.ts
index f4be2bad1..10b25c00d 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,10 +1,10 @@
-import { DoubleSide, MathUtils, MeshBasicMaterial, Scene, Vector3 } from 'three'
 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 type { TresContext } from '../composables/useTresContextProvider'
+import { DoubleSide, MathUtils, MeshBasicMaterial, Scene, Vector3 } from 'three'
 import { HightlightMesh } from '../devtools/highlight'
 import * as is from './is'
-import type { TresContext } from '../composables/useTresContextProvider'
 
 export function toSetMethodName(key: string) {
   return `set${key[0].toUpperCase()}${key.slice(1)}`
diff --git a/src/utils/normalize.ts b/src/utils/normalize.ts
index f6229304e..b97925e11 100644
--- a/src/utils/normalize.ts
+++ b/src/utils/normalize.ts
@@ -1,5 +1,5 @@
-import { Color, Vector3 } from 'three'
 import type { ColorRepresentation } from 'three'
+import { Color, Vector3 } from 'three'
 
 export type SizeFlexibleParams =
   | number[]
diff --git a/src/utils/test-utils.ts b/src/utils/test-utils.ts
index dcad8aee5..89f80306e 100644
--- a/src/utils/test-utils.ts
+++ b/src/utils/test-utils.ts
@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
 import type { Fn } from '@vueuse/core'
+import { createApp } from 'vue'
 
 export function withSetup(composable: Fn) {
   let result