docs(cookbook): Fix the OrbitControls code throws in the docs. (#635)

Co-authored-by: Alvaro Saburido <[email protected]>

docs/de/cookbook/orbit-controls.md

@@ -58,7 +58,7 @@ Da [OrbitControls](https://threejs.org/docs/index.html?q=orbit#examples/en/contr
 ```ts
 import { useTres } from '@tresjs/core'
 
-const { state } = useTres()
+const { camera, renderer } = useTres()
 ```
 
 Dann würde der finale Code etwa so aussehen:
@@ -100,6 +100,7 @@ import OrbitControls from './OrbitControls.vue'
   </TresCanvas>
 </template>
 ```
+
 :::
 
 ## OrbitControls von `cientos`

docs/fr/cookbook/orbit-controls.md

@@ -47,8 +47,8 @@ Vous pouvez maintenant utiliser le composant `TresOrbitControls` dans votre scè
   >
     <TresPerspectiveCamera :args="[45, 1, 0.1, 1000]" />
     <TresOrbitControls
-      v-if="state.renderer"
-      :args="[state.camera, state.renderer?.domElement]"
+      v-if="renderer"
+      :args="[camera, renderer?.domElement]"
     />
   </TresCanvas>
 </template>
@@ -61,7 +61,7 @@ Vous pouvez utiliser le composable [useTres](/api/composables#usetres) pour obte
 ```ts
 import { useTres } from '@tresjs/core'
 
-const { state } = useTres()
+const { camera, renderer } = useTres()
 ```
 
 Le code final ressemblerait donc à ceci :
@@ -73,7 +73,7 @@ import { OrbitControls } from 'three/addons/controls/OrbitControls'
 
 extend({ OrbitControls })
 
-const { state } = useTres()
+const { camera, renderer } = useTres()
 </script>
 
 <template>
@@ -83,8 +83,8 @@ const { state } = useTres()
   >
     <TresPerspectiveCamera :args="[45, 1, 0.1, 1000]" />
     <TresOrbitControls
-      v-if="state.renderer"
-      :args="[state.camera, state.renderer?.domElement]"
+      v-if="renderer"
+      :args="[camera, renderer?.domElement]"
     />
   </TresCanvas>
 </template>

docs/zh/cookbook/orbit-controls.md

@@ -47,8 +47,8 @@ extend({ OrbitControls })
   >
     <TresPerspectiveCamera :args="[45, 1, 0.1, 1000]" />
     <TresOrbitControls
-      v-if="state.renderer"
-      :args="[state.camera, state.renderer?.domElement]"
+      v-if="renderer"
+      :args="[camera, renderer?.domElement]"
     />
   </TresCanvas>
 </template>
@@ -61,7 +61,7 @@ extend({ OrbitControls })
 ```ts
 import { useTres } from '@tresjs/core'
 
-const { state } = useTres()
+const { camera, renderer } = useTres()
 ```
 
 因此，最终代码如下所示：
@@ -73,7 +73,7 @@ import { OrbitControls } from 'three/addons/controls/OrbitControls'
 
 extend({ OrbitControls })
 
-const { state } = useTres()
+const { camera, renderer } = useTres()
 </script>
 
 <template>
@@ -83,8 +83,8 @@ const { state } = useTres()
   >
     <TresPerspectiveCamera :args="[45, 1, 0.1, 1000]" />
     <TresOrbitControls
-      v-if="state.renderer"
-      :args="[state.camera, state.renderer?.domElement]"
+      v-if="renderer"
+      :args="[camera, renderer?.domElement]"
     />
   </TresCanvas>
 </template>