fix: change name to the async components

Tresjs · Aug 24, 2024 · f5b234a · f5b234a
1 parent 4c8fef1
commit f5b234a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/docs/guide/loaders/use-fbx.md b/docs/guide/loaders/use-fbx.md
@@ -13,15 +13,15 @@ A composable that allows you to easily load glTF models into your **TresJS** sce
 <script setup lang="ts">
 import { TresCanvas } from '@tresjs/core'
 import { OrbitControls } from '@tresjs/cientos'
-import AsyncComponent from './AsyncComponent.vue'
+import TheModel from './TheModel.vue'
 </script>
 
 <template>
   <TresCanvas clear-color="#1F90FF">
     <TresPerspectiveCamera :position="[11, 11, 11]" />
     <OrbitControls />
     <Suspense>
-      <AsyncComponent />
+      <TheModel />
     </Suspense>
     <TresDirectionalLight
       :intensity="2"
@@ -31,7 +31,7 @@ import AsyncComponent from './AsyncComponent.vue'
   </TresCanvas>
 </template>
 ```
-```vue{2,6} [AsyncComponent.vue]
+```vue{2,6} [TheModel.vue]
 <script setup lang="ts">
 import { useFBX } from '@tresjs/cientos'
 

diff --git a/docs/guide/loaders/use-gltf.md b/docs/guide/loaders/use-gltf.md
@@ -13,15 +13,15 @@ A composable that allows you to easily load glTF models into your **TresJS** sce
 <script setup lang="ts">
 import { TresCanvas } from '@tresjs/core'
 import { OrbitControls } from '@tresjs/cientos'
-import AsyncComponent from './AsyncComponent.vue'
+import TheModel from './TheModel.vue'
 </script>
 
 <template>
   <TresCanvas clear-color="#F78B3D">
     <TresPerspectiveCamera :position="[3, 2, 5]" />
     <OrbitControls />
     <Suspense>
-      <AsyncComponent />
+      <TheModel />
     </Suspense>
     <TresDirectionalLight
       :intensity="2"
@@ -31,7 +31,7 @@ import AsyncComponent from './AsyncComponent.vue'
   </TresCanvas>
 </template>
 ```
-```vue{2,6} [AsyncComponent.vue]
+```vue{2,6} [TheModel.vue]
 <script setup lang="ts">
 import { useGLTF } from '@tresjs/cientos'
 

diff --git a/docs/guide/loaders/use-video-texture.md b/docs/guide/loaders/use-video-texture.md
@@ -15,7 +15,7 @@ This composable is based on the Drei [useVideoTexture](https://github.com/pmndrs
 <script setup lang="ts">
 import { TresCanvas } from '@tresjs/core'
 import { OrbitControls } from '@tresjs/cientos'
-import AsyncComponent from './AsyncComponent.vue'
+import TheModel from './TheModel.vue'
 </script>
 
 <template>
@@ -26,14 +26,14 @@ import AsyncComponent from './AsyncComponent.vue'
     />
     <OrbitControls />
     <Suspense>
-      <AsyncComponent />
+      <TheModel />
     </Suspense>
     <TresGridHelper />
     <TresAmbientLight />
   </TresCanvas>
 </template>
 ```
-```vue{3,8,13} [AsyncComponent.vue]
+```vue{3,8,13} [TheVideoTexture.vue]
 <script setup lang="ts">
 import { ref } from 'vue'
 import { Sphere, useVideoTexture } from '@tresjs/cientos'