Update packages

Author: kekkorider

components/MyScene.client.vue

@@ -17,13 +17,12 @@
 </template>
 
 <script setup>
-import { OrbitControls, useTweakPane, StatsGl } from '@tresjs/cientos'
+import { OrbitControls, StatsGl } from '@tresjs/cientos'
+import { Pane } from 'tweakpane'
 
 //
 // Refs
 //
-const { pane } = useTweakPane()
-
 const sampleStore = useSampleStore()
 
 const config = reactive({
@@ -49,6 +48,8 @@ onMounted(async () => {
 // Functions
 //
 function createDebugPane() {
+	const pane = new Pane()
+
 	pane.title = 'Configuration'
 
 	pane.addBinding(gl, 'clearColor', { label: 'Clear Color', colorMode: 'hex' })

nuxt.config.ts

@@ -1,5 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  compatibilityDate: '2024-04-03',
+
   app: {
     head: {
       title: 'Nuxt 3 + TresJS starter',

package.json

@@ -13,21 +13,22 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "@nuxtjs/google-fonts": "^3.1.3",
-    "@tresjs/nuxt": "^2.1.0",
-    "@tweakpane/core": "^2.0.3",
+    "@nuxtjs/google-fonts": "^3.2.0",
+    "@tresjs/nuxt": "^3.0.3",
+    "@tweakpane/core": "^2.0.4",
     "@tweakpane/plugin-essentials": "^0.2.1",
-    "@types/node": "^20.11.5",
-    "nuxt": "^3.9.3",
-    "sass": "^1.70.0",
-    "sass-loader": "^14.0.0",
-    "vite-plugin-glsl": "^1.2.1"
+    "@types/node": "^22.4.2",
+    "nuxt": "^3.12.4",
+    "sass": "^1.77.8",
+    "sass-loader": "^16.0.1",
+    "vite-plugin-glsl": "^1.3.0"
   },
   "dependencies": {
-    "@pinia/nuxt": "^0.5.1",
-    "@tresjs/cientos": "^3.7.0",
+    "@pinia/nuxt": "^0.5.3",
+    "@tresjs/cientos": "^4.0.0",
     "gsap": "^3.12.5",
-    "pinia": "^2.1.7",
-    "three": "^0.160.1"
+    "pinia": "^2.2.2",
+    "three": "^0.167.1",
+    "tweakpane": "^4.0.4"
   }
 }