Skip to content

Nuxt module @tresjs/nuxt

TresJS Nuxt Module

npm package

Dies ist das offizielle Nuxt-Modul für TresJS! 🎉.

Das Repository findest du hier.

Instalación

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

Features

  • 🤓 Automatischer Import von Komponenten und Composables aus dem TresJS-Ökosystem
  • TresCanvas ist nur auf dem Client verfügbar, daher ist es nicht notwendig, .client zum Namen der Komponente hinzuzufügen oder <ClientOnly /> zu verwenden
  • Konfiguriert automatisch den Vue-Compiler, um TresJS-Komponenten zu unterstützen, siehe warum
  • All die DX-Magie, die mit Nuxt kommt ✨

Verwendung

Füge @tresjs/nuxt zum Abschnitt modules in nuxt.config.ts hinzu.

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

Das ist alles! Jetzt kannst du @tresjs/nuxt in deiner Nuxt-Anwendung verwenden ✨.

Wenn du irgendwelche Pakete aus dem TresJS-Ökosystem verwenden möchtest, kannst du die gewünschten Pakete installieren und sie werden automatisch vom Modul importiert 🧙.

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