feat: update to v4, useLoop and remove disable render

Tresjs · May 19, 2024 · 544fb39 · 544fb39
1 parent 70ef83c
commit 544fb39
Show file tree

Hide file tree

Showing 17 changed files with 1,134 additions and 172 deletions.
diff --git a/docs/.vitepress/theme/components/OutlineDemo.vue b/docs/.vitepress/theme/components/OutlineDemo.vue
@@ -58,7 +58,7 @@ useRouteDisposal(effectComposer)
   <TresLeches />
   <TresCanvas
     v-bind="gl"
-    :disable-render="true"
+
   >
     <TresPerspectiveCamera
       :position="[1, 3, 3]"

diff --git a/docs/.vitepress/theme/components/PixelationDemo.vue b/docs/.vitepress/theme/components/PixelationDemo.vue
@@ -14,7 +14,7 @@ const { effectComposer } = useRouteDisposal()
     clear-color="#121212"
     :alpha="false"
     :shadows="true"
-    :disable-render="true"
+
   >
     <TresPerspectiveCamera
       :position="[3, 2, 4]"

diff --git a/eslint.config.js b/eslint.config.js
@@ -6,5 +6,6 @@ export default tresLintConfig({
   rules: {
     'style/max-statements-per-line': 'off',
     'jsdoc/check-alignment': 'off',
+    'vue/valid-template-root': 'off',
   },
 })
diff --git a/playground/components.d.ts b/playground/components.d.ts
@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     BlenderCube: typeof import('./src/components/BlenderCube.vue')['default']

diff --git a/playground/package.json b/playground/package.json
@@ -9,15 +9,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tresjs/cientos": "^3.6.0",
-    "@tresjs/core": "3.5.1",
-    "vue-router": "^4.2.5"
+    "@tresjs/cientos": "^3.9.0",
+    "@tresjs/core": "4.0.0-rc.1",
+    "vue-router": "^4.3.2"
   },
   "devDependencies": {
     "@tresjs/leches": "^0.14.0",
-    "@types/three": "^0.159.0",
-    "unplugin-auto-import": "^0.17.2",
-    "unplugin-vue-components": "^0.26.0",
-    "vite-plugin-qrcode": "^0.2.2"
+    "@types/three": "^0.164.0",
+    "unplugin-auto-import": "^0.17.6",
+    "unplugin-vue-components": "^0.27.0",
+    "vite-plugin-qrcode": "^0.2.3"
   }
 }
diff --git a/playground/src/pages/bloom.vue b/playground/src/pages/bloom.vue
@@ -92,7 +92,6 @@ onMounted(() => {
   <TresLeches />
   <TresCanvas
     v-bind="gl"
-    :disable-render="true"
   >
     <TresPerspectiveCamera
       :position="[5, 5, 5]"

diff --git a/playground/src/pages/glitch.vue b/playground/src/pages/glitch.vue
@@ -65,7 +65,6 @@ pane.addInput(glitchParams, 'dtSize', { min: 1, max: 64, step: 1 }) */
   <TresLeches />
   <TresCanvas
     v-bind="gl"
-    :disable-render="true"
   >
     <TresPerspectiveCamera
       :position="[5, 5, 5]"

diff --git a/playground/src/pages/outline.vue b/playground/src/pages/outline.vue
@@ -51,7 +51,6 @@ const { edgeStrength, pulseSpeed, visibleEdgeColor, blur, kernelSize } = useCont
   <TresLeches />
   <TresCanvas
     v-bind="gl"
-    :disable-render="true"
   >
     <TresPerspectiveCamera
       :position="[1, 3, 3]"