Skip to content

Nuxt module @tresjs/nuxt

TresJS Nuxt Module

npm package

Een officiele Nuxt module voor TresJS is hier 🎉.

Repository is hier

Installatie

bash
pnpm add three @tresjs/nuxt
bash
npm install three @tresjs/nuxt
bash
yarn add three @tresjs/nuxt

Functionaliteiten

  • 🤓 Auto-import componenten and composables van het TresJS ecosystem
  • TresCanvas client only, je hoeft niet .client toe te voegen aan de component naam of <ClientOnly />
  • Configureert automatisch de vue compiler om TresJS componenten te ondersteunen, zie waarom
  • Alle DX Magie die komt met Nuxt ✨

Gebruik

Voeg @tresjs/nuxt toe aan de modules sectie van nuxt.config.ts

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

Dat is alles! Je kan nu @tresjs/nuxt gebruiken in je Nuxt app ✨

Als u elk ander pakket uit het TresJS-ecosysteem wilt gebruiken, kunt u de pakketten die u wilt gebruiken installeren en deze worden automatisch geïmporteerd door de module 🧙🏼‍♂️.

PackageVersie
Cientoscientos version
Post-processingpost-processing version
bash
# Using pnpm
pnpm add @tresjs/cientos @tresjs/post-processing