Merge branch 'main' into next

docs/_data/team.js

@@ -9,15 +9,49 @@ export const core = [
     links: [
       { icon: 'github', link: 'https://github.com/alvarosabu' },
       { icon: 'twitter', link: 'https://twitter.com/alvarosabu' },
+      { icon: 'bluesky', link: 'https://bsky.app/profile/alvarosaburido.dev' },
       { icon: 'youtube', link: 'https://www.youtube.com/channel/UC6D2KveNVcuuPqOKp0YWO3w' },
     ],
     sponsor: 'https://github.com/sponsors/alvarosabu',
   },
+  {
+    avatar: 'https://github.com/garrlker.png',
+    name: 'Garrett Walker',
+    title: 'Frontend Engineer',
+    links: [
+      { icon: 'github', link: 'https://github.com/garrlker' },
+      { icon: 'twitter', link: 'https://twitter.com/garrlker' },
+    ],
+  },
+  {
+    avatar: 'https://www.github.com/Tinoooo.png',
+    name: 'Tino Koch',
+    title: 'Frontend Engineer',
+    links: [
+      { icon: 'github', link: 'https://github.com/Tinoooo' },
+      { icon: 'twitter', link: 'https://twitter.com/@ichbintino' },
+      { icon: 'bluesky', link: 'https://bsky.app/profile/iamtino.bsky.social' },
+    ],
+    sponsor: 'https://github.com/sponsors/Tinoooo',
+  },
+]
+export const maintainers = [
+  {
+    avatar: 'https://www.github.com/damienmontastier.png',
+    name: 'Damien Montastier',
+    title: 'Freelance Frontend Developer',
+    links: [
+      { icon: 'github', link: 'https://github.com/damienmontastier' },
+      { icon: 'twitter', link: 'https://twitter.com/dammontastier' },
+      { icon: 'bluesky', link: 'https://bsky.app/profile/dammontastier.bsky.social' },
+    ],
+  },
+]
+export const alumni = [
   {
     avatar: 'https://www.github.com/JaimeTorrealba.png',
     name: 'Jaime Torrealba',
     title: 'Frontend Engineer',
-    desc: 'A passionate creative-developer',
     links: [
       { icon: 'github', link: 'https://github.com/JaimeTorrealba' },
       { icon: 'twitter', link: 'https://twitter.com/jaimebboyjt' },
@@ -25,13 +59,11 @@ export const core = [
     sponsor: 'https://github.com/sponsors/JaimeTorrealba',
   },
   {
-    avatar: 'https://www.github.com/Tinoooo.png',
-    name: 'Tino Koch',
+    avatar: 'https://www.github.com/andretchen0.png',
+    name: 'Andretchen0',
     title: 'Frontend Engineer',
-    desc: 'A passionate creative-developer',
     links: [
-      { icon: 'github', link: 'https://github.com/Tinoooo' },
-      { icon: 'twitter', link: 'https://twitter.com/@ichbintino' },
+      { icon: 'github', link: 'https://github.com/andretchen0' },
     ],
   },
 ]

docs/fr/guide/index.md

@@ -44,7 +44,7 @@ pnpm add @types/three -D
 
 ## Vite
 
-Si vous utilisez Vite, vous devez ajoutez ceci à votre `vite.config.ts`:
+Si vous utilisez Vite, vous devez ajouter ceci à votre `vite.config.ts`:
 
 ```ts [vite.config.ts]
 import { templateCompilerOptions } from '@tresjs/core'
@@ -79,17 +79,17 @@ Nous avons un nouveau starter [StackBlitz](https://stackblitz.com/) afin d'essay
 
 ## Labs
 
-Nous avons aussi un playground où vous pouvez essayer TresJS en ligne. Testez [ici](https://play.tresjs.org/).
+Nous avons un laboratoire de démonstration d'exemples créés avec TresJS. Consultez-le [ici](https://play.tresjs.org/).
 
-<iframe src="https://play.tresjs.org/" class="w-full rounded shadow-lg outline-none border-none aspect-4/3"></iframe>
+![](/tresjs-lab.png)
 
 ## Motivation
 
 [ThreeJS](https://threejs.org/) est une merveilleuse bibliothèque pour faire de superbes sites en 3D avec WebGL. C'est aussi une bibliothèque en perpétuelle évolution, ce qui rend complèxe le maintien de wrapper comme [TroisJS](https://troisjs.github.io/) afin de le garder constamment à jour.
 
-L'écosytème React possède un impréssionnant **moteur de rendu personnalisé** appellé [React-three-fiber](https://docs.pmnd.rs/react-three-fiber) qui permet de créer des scènes 3D, de manière déclarative, avec des composants réutilisables et autonomes qui réagissent aux états.
+L'écosystème React possède un impréssionnant **moteur de rendu personnalisé** appellé [React-three-fiber](https://docs.pmnd.rs/react-three-fiber) qui permet de créer des scènes 3D, de manière déclarative, avec des composants réutilisables et autonomes qui réagissent aux états.
 
-Dans ma recherche d'un outil similaire dans l'écosytème VueJS j'ai trouvé cette incroyable bibliothèque nommée [Lunchbox](https://github.com/breakfast-studio/lunchboxjs) qui fonctionne de la même manière que R3F, il propose un [moteur de rendu personnalisé Vue3](https://vuejs.org/api/custom-renderer.html). Je contribue aussi à améliorer cette bibliothèque afin qu'elle devienne aussi mature et complète que R3F.
+Dans ma recherche d'un outil similaire dans l'écosystème VueJS j'ai trouvé cette incroyable bibliothèque nommée [Lunchbox](https://github.com/breakfast-studio/lunchboxjs) qui fonctionne de la même manière que R3F, il propose un [moteur de rendu personnalisé Vue3](https://vuejs.org/api/custom-renderer.html). Je contribue aussi à améliorer cette bibliothèque afin qu'elle devienne aussi mature et complète que R3F.
 
 Le seul problème concerne le mélange des compilateurs et des moteurs de rendu en Vue3. C'est un sujet sur lequel la communauté Vue travaille encore. Pour plus d'informations voir [ici](https://github.com/vuejs/vue-loader/pull/1645).
 
@@ -110,4 +110,4 @@ const lunchboxApp = createLunchboxApp(LunchboxApp)
 lunchboxApp.mount('#lunchbox')
 ```
 
-Ces deux bibliothèques m'ont donc inspiré pour créer un moteur de rendu personnalisé Vue pour ThreeJS. Il s'appel **TresJS v2**.
+Ces deux bibliothèques m'ont donc inspiré pour créer un moteur de rendu personnalisé Vue pour ThreeJS. Il s'appelle **TresJS v2**.

docs/team.md

@@ -1,7 +1,7 @@
 ---
 layout: page
 title: Meet the Team
-description: The TresJS ecosystem is develop and maintain by a global team..
+description: The TresJS ecosystem is developed and maintained by a global team.
 ---
 
 <script setup>
@@ -11,25 +11,36 @@ import {
   VPTeamPageSection,
   VPTeamMembers
 } from 'vitepress/theme'
-import { core } from './_data/team'
+import { core, maintainers, alumni } from './_data/team'
 </script>
 
 <VPTeamPage>
   <VPTeamPageTitle>
     <template #title>Meet the Team</template>
     <template #lead>
-      The TresJS ecosystem is develop and maintain by a global team.
+      The TresJS ecosystem is developed and maintained by a global team.
     </template>
   </VPTeamPageTitle>
-  <VPTeamMembers :members="core" />
-  <!-- <VPTeamPageSection>
-    <template #title>Team Emeriti</template>
+  <VPTeamPageSection>
+    <template #title>Core team</template>
+    <template #members>
+      <VPTeamMembers :members="core" />
+    </template>
+  </VPTeamPageSection> 
+  <VPTeamPageSection>
+    <template #title>Maintainers</template>
+    <template #members>
+      <VPTeamMembers :members="maintainers" />
+    </template>
+  </VPTeamPageSection> 
+  <VPTeamPageSection>
+    <template #title>Alumni</template>
     <template #lead>
       Here we honor some no-longer-active team members who have made valuable
       contributions in the past.
     </template>
     <template #members>
-      <VPTeamMembers size="small" :members="emeriti" />
+      <VPTeamMembers size="small" :members="alumni" />
     </template>
-  </VPTeamPageSection> -->
+  </VPTeamPageSection> 
 </VPTeamPage>