From f4b4dc49e1c286e4e77965a18002a6ed050f46be Mon Sep 17 00:00:00 2001 From: Alvaro Saburido Date: Fri, 31 Jan 2025 10:11:28 +0100 Subject: [PATCH] chore: testing out the new tres leches API for playgrounds (#911) * chore: testing out the new tres leches API for playgrounds * chore: remove unused Three.js imports from Suspense example --- playground/vue/package.json | 2 +- .../components/AnimatedObjectUseUpdate.vue | 5 +- .../advanced/suspense/AsyncComponent.vue | 4 +- .../vue/src/pages/advanced/suspense/index.vue | 36 +- .../TakeOverRenderExperience.vue | 5 +- playground/vue/src/pages/basic/Primitives.vue | 5 +- .../vue/src/pages/misc/text3D/Text3D.vue | 8 +- .../vue/src/pages/misc/text3D/index.vue | 5 +- pnpm-lock.yaml | 610 +++++++++++++++--- 9 files changed, 554 insertions(+), 126 deletions(-) diff --git a/playground/vue/package.json b/playground/vue/package.json index 595f09b9a..2687892b1 100644 --- a/playground/vue/package.json +++ b/playground/vue/package.json @@ -11,10 +11,10 @@ "dependencies": { "@tresjs/cientos": "4.0.3", "@tresjs/core": "workspace:^", + "@tresjs/leches": "https://pkg.pr.new/@tresjs/leches@9ad0cd3", "vue-router": "^4.5.0" }, "devDependencies": { - "@tresjs/leches": "0.15.0-next.3", "@tweakpane/plugin-essentials": "^0.2.0", "unplugin-auto-import": "^0.19.0", "vite-plugin-glsl": "^1.3.1", diff --git a/playground/vue/src/components/AnimatedObjectUseUpdate.vue b/playground/vue/src/components/AnimatedObjectUseUpdate.vue index dd28d0121..3f0298860 100644 --- a/playground/vue/src/components/AnimatedObjectUseUpdate.vue +++ b/playground/vue/src/components/AnimatedObjectUseUpdate.vue @@ -23,15 +23,12 @@ onBeforeRender(() => { log2() }, -1) -const { areUpdatesPaused } = useControls({ +const { areUpdatesPaused, unregister } = useControls({ areUpdatesPaused: { value: false, type: 'boolean', label: 'Pause Updates', }, -}) - -const { unregister } = useControls({ unregister: { value: false, type: 'boolean', diff --git a/playground/vue/src/pages/advanced/suspense/AsyncComponent.vue b/playground/vue/src/pages/advanced/suspense/AsyncComponent.vue index 618880859..6a56ff8b0 100644 --- a/playground/vue/src/pages/advanced/suspense/AsyncComponent.vue +++ b/playground/vue/src/pages/advanced/suspense/AsyncComponent.vue @@ -2,10 +2,10 @@ import { useGLTF } from '@tresjs/cientos' import { useTresContext } from '@tresjs/core' -const { scene } = await useGLTF('https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/aku-aku/AkuAku.gltf', { draco: true }) +const { scene } = await useGLTF('https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb', { draco: true }) useTresContext().invalidate() diff --git a/playground/vue/src/pages/advanced/suspense/index.vue b/playground/vue/src/pages/advanced/suspense/index.vue index bc9a3b4fe..9b2f0ac2f 100644 --- a/playground/vue/src/pages/advanced/suspense/index.vue +++ b/playground/vue/src/pages/advanced/suspense/index.vue @@ -1,26 +1,23 @@