feat: update to core v4

CHANGELOG.md

@@ -1,5 +1,24 @@
 
 
+## [3.0.0-beta.1](https://github.com/tresjs/nuxt/compare/3.0.0-beta.0...3.0.0-beta.1) (2024-06-06)
+
+
+### Bug Fixes
+
+* update core to v4.0.2 for performance issues ([559e72d](https://github.com/tresjs/nuxt/commit/559e72db3874a36c1241b75d1fb7a87a422143bc))
+
+## [3.0.0-beta.0](https://github.com/tresjs/nuxt/compare/2.1.2...3.0.0-beta.0) (2024-06-01)
+
+
+### Features
+
+* update to core v4 ([5043afe](https://github.com/tresjs/nuxt/commit/5043afe212afb335e2392fe44ee6d458a0b24888))
+
+
+### Bug Fixes
+
+* augmenting types from `@tresjs/core` ([e991a26](https://github.com/tresjs/nuxt/commit/e991a26beebed55c65106048f44e248ad0749451))
+
 ## [2.1.1](https://github.com/tresjs/nuxt/compare/2.1.0...2.1.1) (2024-02-07)
 
 

client/pages/index.vue

@@ -20,7 +20,7 @@ const { scene, memory, fps } = useDevtoolsHook()
           src="/logo.svg"
           alt="tres logo"
         />
-        <h2 class="text-xl opacity-60 font-bold">
+        <h2 class="opacity-60 font-bold">
           TresJS DevTools
         </h2>
       </div>
@@ -41,16 +41,6 @@ const { scene, memory, fps } = useDevtoolsHook()
           target="_blank"
           to="https://github.com/Tresjs/nuxt"
         />
-        <UButton
-          variant="solid"
-          color="white"
-          size="sm"
-          target="_blank"
-          class="ml2"
-          to="https://github.com/Tresjs/nuxt/issues/new?labels=enhancement&template=feature_request.yml"
-        >
-          Request feature
-        </UButton>
       </div>
     </header>
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/nuxt",
   "type": "module",
-  "version": "2.1.2",
+  "version": "3.0.0-beta.1",
   "packageManager": "pnpm@8.6.2",
   "description": "TresJS integration for Nuxt.",
   "author": "Daniel Roe (https://github.com/danielroe/)",
@@ -46,40 +46,40 @@
     "three": ">=0.133"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^1.2.0",
-    "@nuxt/kit": "^3.11.2",
-    "@nuxt/ui": "^2.16.0",
-    "@tresjs/core": "3.9.0",
-    "@tresjs/nuxt": "2.1.1",
-    "@types/three": "^0.164.0",
-    "@unocss/nuxt": "^0.59.4",
+    "@nuxt/devtools-kit": "^1.3.6",
+    "@nuxt/kit": "^3.12.2",
+    "@nuxt/ui": "^2.17.0",
+    "@tresjs/core": "4.0.2",
+    "@tresjs/nuxt": "2.1.2",
+    "@types/three": "^0.165.0",
+    "@unocss/nuxt": "^0.61.0",
     "defu": "^6.1.4",
-    "mlly": "^1.7.0",
-    "pkg-types": "^1.1.0",
+    "mlly": "^1.7.1",
+    "pkg-types": "^1.1.1",
     "sirv": "^2.0.4",
-    "typescript": "^5.4.5",
+    "typescript": "^5.5.2",
     "vite-plugin-glsl": "^1.3.0"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.1.32",
+    "@iconify-json/carbon": "^1.1.36",
     "@iconify-json/file-icons": "^1.1.8",
     "@iconify-json/iconoir": "^1.1.44",
     "@iconify-json/ph": "^1.1.13",
-    "@nuxt/devtools-ui-kit": "^1.2.0",
-    "@nuxt/eslint-config": "^0.3.10",
-    "@nuxt/module-builder": "^0.6.0",
-    "@nuxt/schema": "^3.11.2",
-    "@nuxt/test-utils": "^3.12.1",
+    "@nuxt/devtools-ui-kit": "^1.3.6",
+    "@nuxt/eslint-config": "^0.3.13",
+    "@nuxt/module-builder": "^0.8.0",
+    "@nuxt/schema": "^3.12.2",
+    "@nuxt/test-utils": "^3.13.1",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@tresjs/eslint-config": "^1.0.0",
-    "@types/node": "^20.12.11",
+    "@tresjs/eslint-config": "^1.1.0",
+    "@types/node": "^20.14.9",
     "changelogen": "^0.5.5",
-    "eslint": "^9.2.0",
-    "nuxt": "^3.11.2",
+    "eslint": "^9.5.0",
+    "nuxt": "^3.12.2",
     "nuxt-icon": "^0.6.10",
-    "playwright": "^1.44.0",
-    "release-it": "^17.2.1",
-    "three": "^0.164.1",
+    "playwright": "^1.45.0",
+    "release-it": "^17.4.0",
+    "three": "^0.165.0",
     "vitest": "^1.6.0"
   },
   "build": {

playground/components/AnimatedDonnut.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+defineProps<{
+  color: string
+}>()
+
+const donutRef = ref()
+
+const { onBeforeRender } = useLoop()
+
+onBeforeRender(({ delta, invalidate }) => {
+  if (donutRef.value) {
+    donutRef.value.rotation.x += delta
+    donutRef.value.rotation.y += delta
+    invalidate()
+  }
+})
+</script>
+
+<template>
+  <TresMesh ref="donutRef">
+    <TresTorusGeometry :args="[1, 0.5, 16, 32]" />
+    <TresMeshBasicMaterial :color="color" />
+  </TresMesh>
+</template>

playground/package.json

@@ -8,11 +8,12 @@
     "generate": "nuxi generate"
   },
   "devDependencies": {
-    "@nuxt/devtools": "1.0.8",
-    "@tresjs/cientos": "^3.7.0",
-    "@tresjs/post-processing": "^0.7.0",
-    "nuxt": "^3.10.0",
-    "postprocessing": "^6.33.4",
+    "@nuxt/devtools": "1.3.2",
+    "@tresjs/cientos": "^3.9.0",
+    "@tresjs/post-processing": "^0.7.1",
+    "@types/three": "^0.165.0",
+    "nuxt": "^3.11.2",
+    "postprocessing": "^6.35.4",
     "tweakpane": "^4.0.3"
   }
 }

playground/pages/index.vue

@@ -4,11 +4,8 @@
 </script>
 
 <template>
-  <TresCanvas window-size>
+  <TresCanvas window-size render-mode="on-demand">
     <TresPerspectiveCamera />
-    <TresMesh>
-      <TresTorusGeometry :args="[1, 0.5, 16, 32]" />
-      <TresMeshBasicMaterial color="orange" />
-    </TresMesh>
+    <AnimatedDonnut color="orange" />
   </TresCanvas>
 </template>