Skip to content

Commit 1a94aba

Browse files
committed
feat: translate "Migration Guide"
1 parent ab8be75 commit 1a94aba

File tree

1 file changed

+35
-38
lines changed

1 file changed

+35
-38
lines changed

docs/de/guide/migration-guide.md

+35-38
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
# Guía de Migración
1+
# Migrationsleitfaden
22

3-
Esta guía tiene como objetivo ayudarte a migrar de la versión 1 a las versiones más recientes de TresJS 🤩✨.
3+
Dieser Leitfaden soll dir helfen, von Version 1 zu den neuesten Versionen von TresJS 🤩✨ zu migrieren.
44

55
::: code-group
66

@@ -18,23 +18,23 @@ yarn upgrade @tresjs/core
1818

1919
:::
2020

21-
## Novedades
21+
## Neues
2222

2323
### Vue Custom Renderer
2424

25-
**TresJS** es ahora un [Vue Custom Renderer](https://vuejs.org/api/custom-renderer.html#createrenderer) 🎉 que se encuentra dentro de un componente envolvente `TresCanvas` que se encarga de crear el `WebGLRenderer` y la `Scene` por ti, y crear una **nueva instancia de la aplicación Vue** para renderizar la escena.
25+
**TresJS** ist jetzt ein [Vue Custom Renderer](https://vuejs.org/api/custom-renderer.html#createrenderer) 🎉, der innerhalb einer umhüllenden Komponente `TresCanvas` liegt, die den `WebGLRenderer` und die `Scene` für dich erstellt und eine **neue Instanz der Vue-App** zur Darstellung der Szene erzeugt.
2626

27-
### Soporte de TypeScript e Intellisense 🦾
27+
### Unterstützung für TypeScript und Intellisense 🦾
2828

2929
![TresJS Intellisense](/v2-intellisense.gif)
3030

31-
Esta fue probablemente la característica más **solicitada para TresJS**. Ahora los componentes de Tres funcionan con Volar y proporcionan intellisense de tipos.
31+
Dies war wahrscheinlich das am **meisten gefragte Feature für TresJS**. Jetzt funktionieren die Tres-Komponenten mit Volar und bieten Typ-Intellisense.
3232

33-
**TresJS** ahora genera declaraciones de tipos en tiempo de compilación para todos los componentes basados en el catálogo de ThreeJS. Esto significa que puedes usar todos los componentes de ThreeJS y obtener intellisense de tipos para ellos.
33+
**TresJS** generiert nun zur Kompilierungszeit Typdeklarationen für alle Komponenten basierend auf dem ThreeJS-Katalog. Das bedeutet, dass du alle ThreeJS-Komponenten verwenden und Typ-Intellisense dafür erhalten kannst.
3434

35-
### El plugin de Tres es opcional 👍
35+
### Das Tres-Plugin ist optional 👍
3636

37-
El `TresPlugin` ahora es opcional. Puedes usar TresJS sin él importando los componentes directamente desde `tresjs/core`:
37+
Das `TresPlugin` ist nun optional. Du kannst TresJS ohne es verwenden, indem du die Komponenten direkt aus `tresjs/core` importierst:
3838

3939
```vue
4040
<script setup lang="ts">
@@ -59,16 +59,16 @@ import { TresCanvas } from '@tresjs/core'
5959
```
6060

6161
::: info
62-
Esto es recomendado por razones de rendimiento y tamaño del paquete, el tree-shaking funcionará mejor y solo importarás los componentes que uses.
62+
Dies wird aus Gründen der Leistung und der Paketgröße empfohlen, da das Tree-Shaking besser funktionieren wird und du nur die Komponenten importierst, die du verwendest.
6363
:::
6464

65-
### TresScene ya no es necesario
65+
### TresScene ist nicht mehr notwendig
6666

67-
The `<TresScene />` component is now deprecated since the scene is now created by the `<TresCanvas />`.
67+
Die Komponente `<TresScene />` ist nun veraltet, da die Szene jetzt durch `<TresCanvas />` erstellt wird.
6868

69-
In the beginning, I thought that it would be a good idea to have a separate component for the scene in terms of verbosity and keep it as similar to plain ThreeJS, but it turned out that it was not really useful.
69+
Am Anfang dachte ich, dass es eine gute Idee wäre, eine separate Komponente für die Szene in Bezug auf die Ausführlichkeit zu haben und sie so ähnlich wie möglich an plain ThreeJS zu halten, aber es stellte sich heraus, dass es nicht wirklich nützlich war.
7070

71-
You can now create a scene like this:
71+
Du kannst jetzt eine Szene so erstellen:
7272

7373
```vue
7474
<template>
@@ -87,16 +87,15 @@ You can now create a scene like this:
8787
</TresCanvas>
8888
</template>
8989
```
90+
Um deinen Code zu migrieren, kannst du einfach die Komponente `<TresScene />` entfernen und die Kinder in die Komponente `<TresCanvas />` verschieben.
9091

91-
Para migrar tu código, simplemente puedes eliminar el componente `<TresScene />` y mover los hijos al componente `<TresCanvas />`.
92+
### `useCatalog` ist jetzt veraltet
9293

93-
### `useCatalog` ahora está obsoleto
94+
Die Funktion `useCatalog` ist jetzt veraltet. Du kannst den Katalog jetzt direkt von `@tresjs/core` importieren.
9495

95-
La función `useCatalog` ahora está obsoleta. Ahora puedes importar el catálogo directamente desde `@tresjs/core`.
96+
Du kannst mehr darüber hier lesen: [Erweiterung](/advanced/extending.md)
9697

97-
Puedes leer más al respecto aquí: [Extending](/advanced/extending.md)
98-
99-
Cambia esto:
98+
Ändere dies:
10099

101100
```ts {2,5,7}
102101
import { useCatalog } from '@tresjs/core'
@@ -107,7 +106,7 @@ const { extend } = useCatalog()
107106
extend({ TextGeometry })
108107
```
109108

110-
Por esto:
109+
Zu diesem:
111110

112111
```ts {2,6}
113112
// Correcto ✅
@@ -116,12 +115,11 @@ import { TextGeometry } from 'three/addons/geometries/TextGeometry'
116115

117116
extend({ TextGeometry })
118117
```
118+
### Der Modellreferenzwert `getModel` ist jetzt veraltet
119119

120-
### El valor de referencia del modelo `getModel` ahora está obsoleto
121-
122-
La función `getModel` ahora está obsoleta. Ahora puedes usar directamente la propiedad `model`.
120+
Die Funktion `getModel` ist jetzt veraltet. Du kannst jetzt direkt die Eigenschaft `model` verwenden.
123121

124-
Cambia esto:
122+
Ändere dies:
125123

126124
```vue {7,9-12}
127125
// Incorrecto ❌
@@ -143,7 +141,7 @@ watch(modelRef, ({ getModel }) => {
143141
</template>
144142
```
145143

146-
To this:
144+
Zu diesem:
147145

148146
```vue {7,9-12}
149147
// Correcto ✅
@@ -164,12 +162,11 @@ watch(modelRef, (model) => {
164162
<primitive :object="nodes.MyModel" />
165163
</template>
166164
```
165+
### Kameras müssen vor jeglichen Steuerungen sein 🎥
167166

168-
### Las cámaras deben estar antes de cualquier control 🎥
169-
170-
El componente `TresOrbitControls` debe estar después de la cámara en el árbol. Esto se debe a que los controles necesitan conocer la cámara para funcionar.
167+
Die Komponente `TresOrbitControls` muss nach der Kamera im Baum stehen. Dies liegt daran, dass die Steuerungen die Kamera kennen müssen, um zu funktionieren.
171168

172-
Cambia esto:
169+
Ändere dies:
173170

174171
```vue {3,5}
175172
// Incorrecto ❌
@@ -181,7 +178,7 @@ Cambia esto:
181178
</template>
182179
```
183180

184-
Por esto:
181+
Zu diesem:
185182

186183
```vue {3,5}
187184
// Correcto ✅
@@ -193,15 +190,15 @@ Por esto:
193190
</template>
194191
```
195192

196-
## UseTres ahora es useTresContext <Badge type="warning" text="^3.0.0" />
193+
## UseTres ist jetzt useTresContext <Badge type="warning" text="^3.0.0" />
197194

198-
Para la versión 3, reestructuramos toda la lógica de estado para que sea más flexible y fácil de usar para los autores de complementos y paquetes del ecosistema. En lugar de usar una tienda como en la versión 2, ahora usamos un proveedor de contexto basado en `provide/inject`.
195+
Für Version 3 haben wir die gesamte Zustandslogik umstrukturiert, um sie flexibler und einfacher für Autoren von Plugins und Paketen des Ökosystems zu machen. Anstatt wie in Version 2 einen Store zu verwenden, nutzen wir jetzt einen Kontextanbieter basierend auf `provide/inject`.
199196

200-
La función `useTres` ahora es un alias de la función `useTresContext` para evitar romper demos y experimentos existentes, pero considera usar `useTresContext` a partir de ahora.
197+
Die Funktion `useTres` ist jetzt ein Alias für die Funktion `useTresContext`, um bestehende Demos und Experimente nicht zu unterbrechen, aber erwäge ab jetzt `useTresContext` zu verwenden.
201198

202-
En lugar de obtener un objeto reactivo grande, ahora obtendrás directamente las referencias `scene` y `renderer`, entre otras propiedades.
199+
Anstelle eines großen reaktiven Objekts erhältst du jetzt direkt die Referenzen `scene` und `renderer`, unter anderem.
203200

204-
Cambia esto:
201+
Ändere dies:
205202

206203
```ts {2}
207204
// Incorrecto ❌
@@ -212,7 +209,7 @@ const { state, setState } = useTres()
212209
console.log(state.scene)
213210
```
214211

215-
Por esto:
212+
Zu diesem:
216213

217214
```ts {2}
218215
// Correcto ✅
@@ -223,4 +220,4 @@ const { scene, renderer } = useTresContext()
223220
console.log(scene.value)
224221
```
225222

226-
Para obtener información más detallada sobre el nuevo sistema de proveedor de contexto, puedes leer la sección [API DOCS](/api/composables.md).
223+
Für detailliertere Informationen über das neue Kontextanbieter-System kannst du den Abschnitt [API DOCS](/api/composables.md) lesen.

0 commit comments

Comments
 (0)