From a4ac9315c31c55d32c4ace27c3a1d9899fde5c3c Mon Sep 17 00:00:00 2001
From: alvarosabu <alvaro.saburido@gmail.com>
Date: Sun, 3 Sep 2023 10:37:10 +0200
Subject: [PATCH] chore: lint fixes

---
 playground/src/pages/TheConditional.vue  |  1 -
 playground/src/pages/cameras/Cameras.vue | 22 ++++++++++++++++------
 playground/src/pages/misc/Text3DDemo.vue |  2 +-
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/playground/src/pages/TheConditional.vue b/playground/src/pages/TheConditional.vue
index 51774131e..460530f09 100644
--- a/playground/src/pages/TheConditional.vue
+++ b/playground/src/pages/TheConditional.vue
@@ -24,7 +24,6 @@ const paneElements = reactive({
 useControls('fpsgraph')
 useControls(paneElements)
 
-
 const material = new MeshPhongMaterial({ color: '#ff0000' })
 </script>
 
diff --git a/playground/src/pages/cameras/Cameras.vue b/playground/src/pages/cameras/Cameras.vue
index 87d5bb385..402c772ef 100644
--- a/playground/src/pages/cameras/Cameras.vue
+++ b/playground/src/pages/cameras/Cameras.vue
@@ -5,7 +5,6 @@ import { TresLeches, useControls } from '@tresjs/leches'
 import '@tresjs/leches/styles'
 import { Box } from '@tresjs/cientos'
 
-
 const gl = {
   clearColor: '#82DBC5',
   shadows: true,
@@ -41,7 +40,8 @@ watch(cameraType, ({ value }) => {
   state.cameraType = value
   if (value === 'perspective') {
     state.camera = new PerspectiveCamera(75, 1, 0.1, 1000)
-  } else {
+  }
+  else {
     state.camera = new OrthographicCamera(-1, 1, 1, -1, 0.1, 1000)
   }
   state.camera.position.set(5, 5, 5)
@@ -65,14 +65,24 @@ setTimeout(() => {
 
 <template>
   <TresLeches />
-  <TresCanvas v-bind="gl" ref="context" :camera="state.camera">
+  <TresCanvas
+    v-bind="gl"
+    ref="context"
+    :camera="state.camera"
+  >
     <!--     <TresPerspectiveCamera v-if="state.cameraType === 'perspective'" :position="[11, 11, 11]" />
     <TresOrthographicCamera v-if="state.cameraType === 'orthographic'" :position="[11, 11, 11]" /> -->
-    <Box :position="[0, 1, 0]" :scale="[2, 2, 2]">
-      <TresMeshNormalMaterial :color="'teal'" />
+    <Box
+      :position="[0, 1, 0]"
+      :scale="[2, 2, 2]"
+    >
+      <TresMeshNormalMaterial color="teal" />
     </Box>
     <TresGridHelper />
     <TresAmbientLight :intensity="1" />
-    <TresDirectionalLight :position="[3, 3, 3]" :intensity="1" />
+    <TresDirectionalLight
+      :position="[3, 3, 3]"
+      :intensity="1"
+    />
   </TresCanvas>
 </template>
diff --git a/playground/src/pages/misc/Text3DDemo.vue b/playground/src/pages/misc/Text3DDemo.vue
index 1ecd836b0..3683fff79 100644
--- a/playground/src/pages/misc/Text3DDemo.vue
+++ b/playground/src/pages/misc/Text3DDemo.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { TresCanvas } from '@tresjs/core'
 import { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three'
-import Text3D from '../../components/Text3D.vue'
 import { OrbitControls } from '@tresjs/cientos'
+import Text3D from '../../components/Text3D.vue'
 
 const gl = {
   clearColor: '#82DBC5',