\r\n \u003CSuspense>\r\n \u003CModel />\r\n \u003C/Suspense>\r\n \u003CTresDirectionalLight :intensity=\"2\" />\r\n \u003CTresAmbientLight :intensity=\"1\" />\r\n \u003C/TresCanvas>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle lang=\"scss\" scoped>\r\n.tres-wrapper {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n**Model.vue**\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { useTresContext } from '@tresjs/core'\r\nimport { useGLTF } from '@tresjs/cientos';\r\nimport { useLoop } from '@tresjs/core';\r\nimport { shallowRef } from 'vue';\r\n\r\nconst boxRef = shallowRef();\r\nconst context = useTresContext();\r\nconst path = './src/assets/gltf/scene.gltf';\r\nconst { scene, nodes, animations, materials } = await useGLTF(path, { draco: true });\r\n\r\nconst { onBeforeRender } = useLoop();\r\n\r\nonBeforeRender(({ delta, elapsed }) => {\r\n if (boxRef.value) {\r\n boxRef.value.rotation.y += delta\r\n boxRef.value.rotation.z = elapsed * 0.2\r\n }\r\n})\r\n\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cprimitive :object=\"scene\" ref=\"boxRef\" />\r\n\u003C/template>\r\n```\r\nThankful for any insights as I get a slight rash from yellow warnings. Again, Tres is great, keep up the fine work \r\n\r\n.T 😎",[],214,"lab","Two Warnings in Chrome when using gltf Model approach to load and run","2024-12-14T13:52:53Z","https://github.com/Tresjs/lab/issues/214",0.7496603,{"description":2973,"labels":2974,"number":2977,"owner":2874,"repository":2875,"state":2926,"title":2978,"updated_at":2979,"url":2980,"score":2981},"**Describe the bug**\r\nCould not resolve \"@vueuse/core\" on installation, since it's a peerDependency set as external, the user would need to add it separately\r\n\r\n**Reproduction**\r\n[Stackblitz](https://stackblitz.com/edit/tresjs-basic?file=README.md)\r\n\r\n\r\n**System Info**\r\nOutput of `npx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers` \r\n\r\n```\r\n System:\r\n OS: Linux 5.0 undefined\r\n CPU: (3) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 16.14.2 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 7.17.0 - /usr/local/bin/npm\r\n npmPackages:\r\n @tresjs/core: ^1.6.0 => 1.6.0 \r\n vite: ^4.1.0 => 4.1.1 \r\n```\r\n",[2975,2976],{"name":2920,"color":2921},{"name":2938,"color":2939},96,"Could not resolve \"@vueuse/core\" on Installation","2023-02-06T18:17:07Z","https://github.com/Tresjs/tres/issues/96",0.75021434,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOhDMntnx3Pu02udfUrZYUbTJ8VTBVgZllkVgURlUIew":-1},"/Tresjs/cientos/342"]