feat(cientos): updated playground code

packages/tres/src/App.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { useTweakPane } from '@tresjs/cientos'
-import TheGroups from '/@/components/TheGroups.vue'
+import FBXModels from '/@/components/FBXModels.vue'
 
 useTweakPane()
 </script>
 
 <template>
   <Suspense>
-    <TheGroups />
+    <FBXModels />
   </Suspense>
 </template>

packages/tres/src/components/FBXModels.vue

@@ -9,6 +9,11 @@ useTweakPane()
 
 const jeepRef = ref()
 
+const model = await useFBX('/models/low-poly-truck/Jeep_done.fbx')
+model.position.set(0, 4, 0)
+model.scale.set(0.01, 0.01, 0.01)
+model.updateMatrixWorld()
+
 watch(jeepRef, ({ getModel }) => {
   const model = getModel()
   model.scale.set(0.01, 0.01, 0.01)
@@ -30,6 +35,7 @@ watch(jeepRef, ({ getModel }) => {
       <TresPerspectiveCamera :position="8" :fov="45" :near="0.1" :far="10000" />
       <TresScene :fog="bgColor">
         <TresAmbientLight :color="0xffffff" :intensity="0.75" />
+        <TresMesh v-bind="model" />
         <FBXModel ref="jeepRef" path="/models/low-poly-truck/Jeep_done.fbx" />
       </TresScene>
     </TresCanvas>