chore: upgraded playground to nuxt v3.16 in compat mode for nuxt 4

.npmrc

@@ -1,2 +1,3 @@
 shamefully-hoist=true
 strict-peer-dependencies=false
+auto-install-peers=true

client/nuxt.config.ts

@@ -1,15 +1,13 @@
 import { resolve } from 'pathe'
 
 export default defineNuxtConfig({
-
   modules: [
     '@nuxt/devtools-ui-kit',
     '@unocss/nuxt',
     '@nuxt/ui',
     '@nuxt/icon',
   ],
   ssr: false,
-
   app: {
     baseURL: '/__tres_nuxt_devtools',
   },

package.json

@@ -2,7 +2,6 @@
   "name": "@tresjs/nuxt",
   "type": "module",
   "version": "3.0.8",
-  "packageManager": "[email protected]",
   "description": "TresJS integration for Nuxt.",
   "author": "Daniel Roe (https://github.com/danielroe/)",
   "license": "MIT",
@@ -46,40 +45,40 @@
     "three": ">=0.133"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.14.1592",
-    "@nuxt/ui": "^2.20.0",
-    "@tresjs/core": "4.3.1",
-    "@unocss/nuxt": "^0.65.2",
+    "@nuxt/ui": "^2.21.1",
+    "@tresjs/core": "4.3.3",
+    "@unocss/nuxt": "^0.65.4",
     "defu": "^6.1.4",
-    "mlly": "^1.7.3",
-    "pkg-types": "^1.2.1",
-    "sirv": "^3.0.0",
-    "vite-plugin-glsl": "^1.3.1"
+    "mlly": "^1.7.4",
+    "pkg-types": "^1.3.1",
+    "sirv": "^3.0.1",
+    "vite-plugin-glsl": "^1.3.3"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.2.5",
+    "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/file-icons": "^1.2.1",
-    "@iconify-json/iconoir": "^1.2.6",
+    "@iconify-json/iconoir": "^1.2.7",
     "@iconify-json/ph": "^1.2.2",
-    "@nuxt/devtools": "^1.6.4",
-    "@nuxt/devtools-ui-kit": "^1.6.4",
-    "@nuxt/eslint-config": "^0.7.3",
-    "@nuxt/icon": "^1.10.2",
+    "@nuxt/devtools": "^1.7.0",
+    "@nuxt/devtools-ui-kit": "^1.7.0",
+    "@nuxt/eslint-config": "^0.7.6",
+    "@nuxt/icon": "^1.11.0",
+    "@nuxt/kit": "^3.16.1",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.14.1592",
-    "@nuxt/test-utils": "^3.15.1",
-    "@release-it/conventional-changelog": "^9.0.3",
-    "@tresjs/cientos": "^4.0.3",
-    "@types/node": "^22.10.2",
+    "@nuxt/schema": "^3.16.1",
+    "@nuxt/test-utils": "^3.17.2",
+    "@release-it/conventional-changelog": "^9.0.4",
+    "@tresjs/cientos": "^4.3.0",
+    "@types/node": "^22.13.14",
     "@types/three": "^0.171.0",
     "changelogen": "^0.5.7",
-    "eslint": "^9.17.0",
-    "nuxt": "^3.14.1592",
-    "playwright": "^1.49.1",
-    "release-it": "^17.10.0",
+    "eslint": "^9.23.0",
+    "nuxt": "^3.16.1",
+    "playwright": "^1.51.1",
+    "release-it": "^17.11.0",
     "three": "^0.171.0",
-    "typescript": "^5.6.3",
-    "vitest": "^2.1.8"
+    "typescript": "^5.8.2",
+    "vitest": "^2.1.9"
   },
   "build": {
     "externals": [
@@ -99,5 +98,12 @@
       "source-map-js",
       "nanoid/non-secure"
     ]
+  },
+  "packageManager": "[email protected]+sha512.cdf928fca20832cd59ec53826492b7dc25dc524d4370b6b4adbf65803d32efaa6c1c88147c0ae4e8d579a6c9eec715757b50d4fa35eea179d868eada4ed043af",
+  "pnpm": {
+    "ignoredBuiltDependencies": [
+      "@parcel/watcher",
+      "esbuild"
+    ]
   }
 }

playground/pages/index.vue → playground/app/pages/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 // for testing purposes with auto-import disabled
-// import { TresCanvas } from '#components'
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>

playground/nuxt.config.ts

@@ -2,13 +2,21 @@ export default defineNuxtConfig({
   modules: ['../src/module', '@nuxt/devtools'],
   ssr: true,
 
-  compatibilityDate: '2024-07-17',
+  build: {
+    transpile: ['@tresjs/core'],
+  },
+
+  future: {
+    compatibilityVersion: 4,
+  },
+
+  compatibilityDate: '2025-03-14',
 
   // for testing purposes: include some nuxt build tests
   nitro: {
     routeRules: {
-      '/page1': { ssr: false }, // <== client rendered page
-      '/page2': { prerender: true }, // <== server SSG page + payload
+      '/page1': { ssr: true }, // <== client rendered page
+      '/page2': { prerender: true, ssr: true }, // <== server SSG page + payload
     },
   },
 

playground/package.json

@@ -8,13 +8,13 @@
     "generate": "nuxi generate"
   },
   "dependencies": {
-    "@tresjs/cientos": "^4.0.3",
-    "@tresjs/core": "^4.3.1"
+    "@tresjs/cientos": "^4.2.0",
+    "@tresjs/core": "^4.3.3"
   },
   "devDependencies": {
     "@nuxt/devtools": "1.6.4",
     "@types/three": "^0.171.0",
-    "nuxt": "^3.14.1592",
+    "nuxt": "^3.16.0",
     "postprocessing": "^6.36.4",
     "tweakpane": "^4.0.5"
   }