Skip to content

Module Nuxt @tresjs/nuxt

TresJS Nuxt Module

npm package

Voici le module Nuxt officiel pour TresJS! 🎉.

Le dépôt se trouve ici

Installation

bash
pnpm add three @tresjs/nuxt
bash
npm install three @tresjs/nuxt
bash
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

nuxt.config.ts
js
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 🧙🏼‍♂️.

PackageVersion
Cientoscientos version
Post-processingpost-processing version
bash
# Avec pnpm
pnpm add @tresjs/cientos @tresjs/post-processing