Tresjs/docs/es/guide/nuxt.md

Modulo de Nuxt @tresjs/nuxt

El modulo oficial de TresJs para Nuxt ¡ha llegado! 🎉.

Visita el repositorio aquí

Instalación

::: code-group

pnpm add three @tresjs/nuxt

npm install three @tresjs/nuxt

yarn add three @tresjs/nuxt

:::

Beneficios

• 🤓 Los componentes y composables son auto-importados
• TresCanvas trabaja solo del lado del cliente, no necesitas agregar manualmente .client al nombre del componente o <ClientOnly />
• Configuración del compilador de vue Automática, para los componentes de Tresjs, puedes aprender mas sobre este tema aquí
• Toda la experiencia para el desarrollador que viene con Nuxt ✨

Así se usa

Añade @tresjs/nuxt a la sección de módulos modules de nuxt.config.ts

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

Y ¡eso es todo! ✨ ahora puedes disfrutar de los beneficios de @tresjs/nuxt en tu aplicación de nuxt

Si quieres usar cualquier paquete del ecosistema de Tresjs, y solo asi ya puedes disfrutar de la funcionalidad de auto-importación de los módulos 🧙🏼‍♂️.

Paquete	Version
Cientos
Post-processing

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