chore: perfectionist lint fixes (#484)

docs/.vitepress/config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vitepress'
 import { resolve } from 'pathe'
+import { defineConfig } from 'vitepress'
 
 const whitelist = ['TresCanvas', 'TresLeches', 'TresScene']
 

docs/.vitepress/theme/components/AnimatedSpriteCenterDemo.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { AnimatedSprite, Box, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 import { TresLeches, useControls } from '@tresjs/leches'
-import '@tresjs/leches/styles'
 import type { AtlasData } from '../../../../src/core/abstractions/AnimatedSprite/Atlas'
+import '@tresjs/leches/styles'
 
 const { centerX, centerY, fps, asSprite } = useControls({
   centerX: { value: 0.5, min: 0, max: 1, step: 0.1 },

docs/.vitepress/theme/components/AnimatedSpriteDefinitionsDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { AnimatedSprite } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 
 const ASSETS_URL = 'https://raw.githubusercontent.com/Tresjs/'
   + 'assets/main/textures/animated-sprite/'

docs/.vitepress/theme/components/AnimatedSpriteDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { AnimatedSprite } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 
 const ASSETS_URL = 'https://raw.githubusercontent.com/Tresjs/'
   + 'assets/main/textures/animated-sprite/'

docs/.vitepress/theme/components/AnimatedSpriteNamedAnimationDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { AnimatedSprite } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 import { ref } from 'vue'
 
 const ASSETS_URL = 'https://raw.githubusercontent.com/Tresjs/'

docs/.vitepress/theme/components/BackdropDemo.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { Backdrop, GLTFModel, useProgress } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
-import { PCFSoftShadowMap, SRGBColorSpace } from 'three'
 
-import { Backdrop, GLTFModel, useProgress } from '@tresjs/cientos'
+import { PCFSoftShadowMap, SRGBColorSpace } from 'three'
 import { ref, watch, watchEffect } from 'vue'
 
 const gl = {

docs/.vitepress/theme/components/BakeShadowsDemo.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { shallowRef } from 'vue'
 import { BakeShadows } from '@tresjs/cientos'
 import { TresCanvas, useRenderLoop } from '@tresjs/core'
+import { shallowRef } from 'vue'
 
 const cubeRef = shallowRef()
 

docs/.vitepress/theme/components/CameraControlsDemo.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { reactive } from 'vue'
-import { TresCanvas } from '@tresjs/core'
 import { Box, CameraControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
+import { reactive } from 'vue'
 
 const controlsState = reactive({
   minDistance: 0,

docs/.vitepress/theme/components/CatmullRomCurve3Demo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { CatmullRomCurve3, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/ContactShadowsDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { ContactShadows, Levioso, TorusKnot } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/CustomShaderMaterialDemo.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { CustomShaderMaterial } from '@tresjs/cientos'
+import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { TresLeches, useControls } from '@tresjs/leches'
-import '@tresjs/leches/styles'
-
 import { MeshBasicMaterial } from 'three'
+
 import { nextTick, onMounted, watch } from 'vue'
+import '@tresjs/leches/styles'
 
 const { onLoop } = useRenderLoop()
 

docs/.vitepress/theme/components/EnvironmentDemo.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import { Environment, OrbitControls, Sphere, useProgress } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
-import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
-import { Environment, OrbitControls, Sphere, useProgress } from '@tresjs/cientos'
 import { TresLeches, useControls } from '@tresjs/leches'
-import '@tresjs/leches/styles'
+import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 import { ref } from 'vue'
+import '@tresjs/leches/styles'
 
 const environmentFiles = ['/px.jpg', '/nx.jpg', '/py.jpg', '/ny.jpg', '/pz.jpg', '/nz.jpg']
 

docs/.vitepress/theme/components/EnvironmentPresetsDemo.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import { Environment, OrbitControls, TorusKnot, useProgress } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
-import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
-import { Environment, OrbitControls, TorusKnot, useProgress } from '@tresjs/cientos'
 import { TresLeches, useControls } from '@tresjs/leches'
-import '@tresjs/leches/styles'
+import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 import { ref } from 'vue'
+import '@tresjs/leches/styles'
 
 const gl = {
   clearColor: '#82DBC5',

docs/.vitepress/theme/components/FBXModelDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { FBXModel, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/FboDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { Fbo, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { ACESFilmicToneMapping, SRGBColorSpace } from 'three'
 import { nextTick, onMounted, ref, shallowReactive, shallowRef } from 'vue'
 

docs/.vitepress/theme/components/FitDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Fit, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 import { BoxGeometry, MeshNormalMaterial } from 'three'
 
 const positions: number[][] = []

docs/.vitepress/theme/components/GLTFModelDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { GLTFModel, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/GlassMaterialDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { MeshGlassMaterial, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/HolographicMaterialDemo.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { shallowRef, watch } from 'vue'
-import { TresCanvas } from '@tresjs/core'
 import { HolographicMaterial, Levioso, OrbitControls, useGLTF } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
+import { shallowRef, watch } from 'vue'
 
 const path = 'https://raw.githubusercontent.com/'
   + 'Tresjs/assets/main/models/gltf/aku-aku/AkuAku.gltf'

docs/.vitepress/theme/components/HtmlDemo.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { Html, OrbitControls } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
-import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
-import { Html, OrbitControls } from '@tresjs/cientos'
+import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
 const gl = {
   clearColor: '#82DBC5',

docs/.vitepress/theme/components/HtmlLaptopDemo.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { ContactShadows, Html, OrbitControls, useGLTF } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
-import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
-import { ContactShadows, Html, OrbitControls, useGLTF } from '@tresjs/cientos'
+import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
 const gl = {
   clearColor: '#241a1a',

docs/.vitepress/theme/components/HtmlOccludeDemo.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { Html, OrbitControls } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
-import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 
-import { Html, OrbitControls } from '@tresjs/cientos'
+import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 import { ref } from 'vue'
 
 const gl = {

docs/.vitepress/theme/components/KeyboardControlsDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Box, KeyboardControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/LensflareDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { Lensflare, OrbitControls, Torus } from '@tresjs/cientos'
+import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { TresLeches, useControls } from '@tresjs/leches'
 import { shallowRef } from 'vue'
 import '@tresjs/leches/styles'

docs/.vitepress/theme/components/LeviosoDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
 import Feather from './Feather.vue'
 

docs/.vitepress/theme/components/Line2Demo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Line2, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/LoveVueThreeJS.vue

@@ -2,9 +2,9 @@
 /// <reference types="vite-svg-loader" />
 import { gsap } from 'gsap'
 import { onMounted, ref } from 'vue'
-import Triangle from '../assets/triangle.svg'
 import SecondRow from '../assets/second-row.svg'
 import ThirdRow from '../assets/third-row.svg'
+import Triangle from '../assets/triangle.svg'
 
 const triangleRef = ref()
 const secondRowRef = ref()

docs/.vitepress/theme/components/MapControlsDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { MapControls, Sphere } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/MeshReflectionMaterialDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas, useTexture } from '@tresjs/core'
 import { MeshReflectionMaterial, SVG as MySVG, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas, useTexture } from '@tresjs/core'
 
 const normalMapSrc = 'https://raw.githubusercontent.com/'
   + 'Tresjs/assets/main/textures/rock/normal.jpg'

docs/.vitepress/theme/components/MouseParallaxDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { MouseParallax, TorusKnot } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/OceanDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Ocean, OrbitControls, Sky } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/OrbitControlsDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Box, OrbitControls } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/PositionalAudioDemo.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref, shallowRef, watch } from 'vue'
-import { TresCanvas } from '@tresjs/core'
 import { OrbitControls, PositionalAudio, Sphere, useGLTF } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 import { TresLeches, useControls } from '@tresjs/leches'
 import { gsap } from 'gsap'
+import { onMounted, onUnmounted, ref, shallowRef, watch } from 'vue'
 import '@tresjs/leches/styles'
 
 const gl = {

docs/.vitepress/theme/components/PrecipitationBeamDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Precipitation } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/PrecipitationDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Precipitation } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/PrecipitationRainDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Precipitation } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/PrecipitationStormDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Precipitation } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/ReflectorDemo.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import {
   MeshWobbleMaterial,
   OrbitControls,
   Reflector,
   Stars,
 } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/RoundedBoxDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Html, OrbitControls, RoundedBox } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/SVGDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { OrbitControls, SVG } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 
 const svgURL = 'https://raw.githubusercontent.com/'
   + 'Tresjs/assets/main/svgs/cientos_heart.svg'

docs/.vitepress/theme/components/SamplerDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { OrbitControls, Sampler } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

docs/.vitepress/theme/components/ScrollControlsDemo.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { Box, ScrollControls, Stars } from '@tresjs/cientos'
+import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { useControls } from '@tresjs/leches'
+import { ref } from 'vue'
 import '@tresjs/leches/styles'
 
 const boxRef = ref()

docs/.vitepress/theme/components/ScrollControlsHorizontalDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TresCanvas } from '@tresjs/core'
 import { Box, ScrollControls, Stars } from '@tresjs/cientos'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>