Nuxt module @tresjs/nuxt

¡Aquí está el módulo oficial de Nuxt para TresJS! 🎉.

El repositorio está aquí

Instalación

pnpm

pnpm add three @tresjs/nuxt

npm

npm install three @tresjs/nuxt

yarn

yarn add three @tresjs/nuxt

Características

• 🤓 Importación automática de componentes y composables del ecosistema de TresJS
• TresCanvas esta disponible solo en el cliente, no es necesario agregar .client al nombre del componente o <ClientOnly />
• Configura automáticamente el compilador de Vue para admitir componentes de TresJS, consulta por qué
• Toda la magia de DX que viene con Nuxt ✨

Uso

Agrega @tresjs/nuxt a la sección modules de nuxt.config.ts

nuxt.config.ts

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

¡Eso es todo! Ahora puedes usar @tresjs/nuxt en tu aplicación Nuxt ✨

Si deseas utilizar cualquier paquete del ecosistema de TresJS, puedes instalar los paquetes que desees utilizar y serán importados automáticamente por el módulo 🧙🏼‍♂️.

Package	Version
Cientos
Post-processing

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