From 97b5272e5b0500827f73b14019ee8de5c6c25a96 Mon Sep 17 00:00:00 2001
From: yang1206 <yang15188280673@outlook.com>
Date: Thu, 6 Jun 2024 21:13:30 +0800
Subject: [PATCH] docs(cookbook): Fix the OrbitControls code throws in the
 docs. (#635)

Co-authored-by: Alvaro Saburido <alvaro.saburido@gmail.com>
---
 docs/de/cookbook/orbit-controls.md |  3 ++-
 docs/fr/cookbook/orbit-controls.md | 12 ++++++------
 docs/zh/cookbook/orbit-controls.md | 12 ++++++------
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/docs/de/cookbook/orbit-controls.md b/docs/de/cookbook/orbit-controls.md
index 733c35c9b..facce99cb 100644
--- a/docs/de/cookbook/orbit-controls.md
+++ b/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`
diff --git a/docs/fr/cookbook/orbit-controls.md b/docs/fr/cookbook/orbit-controls.md
index e174ea2c7..210f8753e 100644
--- a/docs/fr/cookbook/orbit-controls.md
+++ b/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>
diff --git a/docs/zh/cookbook/orbit-controls.md b/docs/zh/cookbook/orbit-controls.md
index 0f7d9a0e7..66ee7863b 100644
--- a/docs/zh/cookbook/orbit-controls.md
+++ b/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>