@tresjs/nuxt 1.1.0 → 1.1.2

package/README.md

@@ -39,8 +39,8 @@ npm install @tresjs/nuxt
 
 ```js
 export default defineNuxtConfig({
-  modules: ["@tresjs/nuxt"],
-});
+  modules: ['@tresjs/nuxt'],
+})
 ```
 
 That's it! You can now use `@tresjs/nuxt` in your Nuxt app ✨

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@tresjs/nuxt",
   "configKey": "tres",
-  "version": "1.1.0"
+  "version": "1.1.2"
 }

package/dist/module.mjs

@@ -1,8 +1,9 @@
+import { readFile } from 'fs/promises';
 import { defineNuxtModule, createResolver, addComponent, addImports, resolvePath } from '@nuxt/kit';
 import * as core from '@tresjs/core';
+import { templateCompilerOptions } from '@tresjs/core';
 import { readPackageJSON } from 'pkg-types';
 import { findExportNames } from 'mlly';
-import { readFile } from 'fs/promises';
 
 const module = defineNuxtModule({
   meta: {
@@ -42,10 +43,7 @@ const module = defineNuxtModule({
     nuxt.hook("prepare:types", ({ references }) => {
       references.push({ types: "@tresjs/core" });
     });
-    const isCustomElement = nuxt.options.vue.compilerOptions.isCustomElement;
-    nuxt.options.vue.compilerOptions.isCustomElement = (tag) => {
-      return tag.startsWith("Tres") && tag !== "TresCanvas" || tag === "primitive" || isCustomElement?.(tag);
-    };
+    nuxt.options.vue.compilerOptions.isCustomElement = templateCompilerOptions.template.compilerOptions.isCustomElement;
     const pkg = await readPackageJSON(nuxt.options.rootDir);
     const coreDeps = Object.keys({ ...pkg.dependencies, ...pkg.devDependencies }).filter((d) => d.startsWith("@tresjs/"));
     for (const mod of /* @__PURE__ */ new Set([...options.modules, ...coreDeps])) {

package/dist/runtime/components/TresCanvas.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { ref } from "vue";
-import { TresCanvas as TC } from "@tresjs/core";
-import type { TresCamera } from "@tresjs/core";
-import { ColorSpace, ShadowMapType, ToneMapping } from "three";
+import { ref } from 'vue'
+import { TresCanvas as TC } from '@tresjs/core'
+import type { TresCamera } from '@tresjs/core'
+import { ACESFilmicToneMapping, PCFSoftShadowMap, SRGBColorSpace } from 'three'
+import type { ColorSpace, ShadowMapType, ToneMapping, WebGLRendererParameters } from 'three'
 
-import { ACESFilmicToneMapping, PCFSoftShadowMap, SRGBColorSpace } from "three";
+defineProps<TresCanvasProps>()
 
 const rendererPresets = {
   realistic: {
@@ -16,39 +17,39 @@ const rendererPresets = {
       type: PCFSoftShadowMap,
     },
   },
-};
+}
 
-type RendererPresetsType = keyof typeof rendererPresets;
+type RendererPresetsType = keyof typeof rendererPresets
 
-interface TresCanvasProps {
-  shadows?: boolean;
-  shadowMapType?: ShadowMapType;
-  physicallyCorrectLights?: boolean;
-  useLegacyLights?: boolean;
-  outputColorSpace?: ColorSpace;
-  toneMapping?: ToneMapping;
-  toneMappingExposure?: number;
-  context?: WebGLRenderingContext;
-  powerPreference?: "high-performance" | "low-power" | "default";
-  preserveDrawingBuffer?: boolean;
-  clearColor?: string;
-  windowSize?: boolean;
-  preset?: RendererPresetsType;
-  disableRender?: boolean;
-  camera?: TresCamera;
-}
-defineProps<TresCanvasProps>();
+interface TresCanvasProps extends Omit<WebGLRendererParameters, 'canvas'> {
+  // required by for useRenderer
+  shadows?: boolean
+  clearColor?: string
+  toneMapping?: ToneMapping
+  shadowMapType?: ShadowMapType
+  useLegacyLights?: boolean
+  outputColorSpace?: ColorSpace
+  toneMappingExposure?: number
 
-const stateRef = ref();
+  // required by useTresContextProvider
+  windowSize?: boolean
+  preset?: RendererPresetsType
+  disableRender?: boolean
+  camera?: TresCamera
+}
+const stateRef = ref()
 
 defineExpose({
   state: stateRef,
-});
+})
 </script>
 
 <template>
   <ClientOnly>
-    <TC ref="stateRef" v-bind="$props">
+    <TC
+      ref="stateRef"
+      v-bind="$props"
+    >
       <slot />
     </TC>
   </ClientOnly>

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@tresjs/nuxt",
   "type": "module",
+  "version": "1.1.2",
   "packageManager": "pnpm@8.6.2",
-  "version": "1.1.0",
   "description": "TresJS integration for Nuxt.",
-  "repository": "@tresjs/nuxt",
   "author": "Daniel Roe (https://github.com/danielroe/)",
+  "license": "MIT",
+  "repository": "@tresjs/nuxt",
   "publishConfig": {
     "access": "public"
   },
-  "license": "MIT",
   "exports": {
     ".": {
       "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "require": "./dist/module.cjs",
+      "import": "./dist/module.mjs"
     }
   },
   "main": "./dist/module.cjs",