Tresjs/docs/fr/guide/nuxt.md

Module Nuxt @tresjs/nuxt

Voici le module Nuxt officiel pour TresJS! 🎉.

Le dépôt se trouve ici

Installation

::: code-group

pnpm add three @tresjs/nuxt

npm install three @tresjs/nuxt

yarn add three @tresjs/nuxt

:::

Fonctionnalités

• 🤓 Importation automatique des composants et des composables de l'écosystème TresJS
• TresCanvas est disponible uniquement dans le client, pas besoin d'ajouter .client au nom du composant ou <ClientOnly />
• Configuration automatique du compilateur de Vue pour accepter les composants de TresJS, voir pourquoi??
• Toute la magie de DX qui vient avec Nuxt ✨

Usage

Ajoutez @tresjs/nuxt à la section modules de votre nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@tresjs/nuxt'],
})

C'est tout! Maintenant vous pouvez utiliser @tresjs/nuxt dans votre application Nuxt ✨

Si vous souhaitez utiliser n'importe quel autre paquet de l'écosytème TresJS, installez simplement le paquet et il sera automatiquement importé par le module 🧙🏼‍♂️.

Package	Version
Cientos
Post-processing

# Avec pnpm
pnpm add @tresjs/cientos @tresjs/post-processing