` component, this error is prompt \r\n\r\n```bash\r\n ERROR Internal server error: Cannot read properties of undefined (reading 'sys') 2:38:23 PM\r\n Plugin: vite:vue\r\n File: /Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@tresjs+nuxt@1.0.0-alpha.1_vue@3.3.4/node_modules/@tresjs/nuxt/dist/runtime/components/TresCanvas.vue\r\n at resolveFS (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18372:35)\r\n at importSourceToScope (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18397:14)\r\n at resolveTypeFromImport (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18393:23)\r\n at innerResolveTypeReference (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18299:14) 2:38:23 PM\r\n at resolveTypeReference (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18288:36)\r\n at innerResolveTypeElements (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17945:24)\r\n at resolveTypeElements (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17902:35)\r\n at resolveRuntimePropsFromType (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19312:20)\r\n at genRuntimePropsFromTypes (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19288:17)\r\n at genRuntimeProps (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19278:18)\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-crwkr1?file=nuxt.config.ts\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 13.4\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 81.84 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: 2.1.4 => 2.1.4 \r\n @tresjs/core: ^2.1.3 => 2.1.3 \r\n @tresjs/nuxt: 1.0.0-alpha.1 => 1.0.0-alpha.1 \r\n nuxt: ^3.5.3 => 3.5.3 \r\n three: ^0.153.0 => 0.153.0\n```\n\n\n### Used Package Manager\n\npnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],"nuxt","Cannot read properties of undefined (reading 'sys')","2023-06-16T13:59:53Z","https://github.com/Tresjs/nuxt/issues/8",{"description":2915,"labels":2916,"number":2917,"owner":2877,"repository":2878,"state":2879,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Describe the bug\r\n\r\nHi, I'm using TresJs v2(@tres/core) in Nuxt3.\r\nThrough your docs and kind explanations, I succeeded in configuring the environment and displaying 3d objects in Nuxt3.\r\n\r\nHowever, if a vue component (I made) containing the TresCanvas tag is unmounted according to the page route movement or certain conditions, and then re-enters the page and is newly mounted, it seems that the object is not rendered on the canvas tag.\r\n\r\nCan you check this?\r\nYou can see an example in the reproduction link below. You can check it when you toggle v-if with the toggle button.\r\nThank you.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-36xfsn?file=nuxt.config.ts,app.vue (in Nuxt3)\r\nhttps://stackblitz.com/edit/tresjs-basic-i4h4kk?file=src%2FApp.vue (same in Vue3)\r\n\r\n### Steps to reproduce\r\n\r\n_No response_\r\n\r\n### System Info\r\n\r\n```shell\r\nnpm packages version\r\n- nuxt: 3.5.3\r\n- three: 0.153.0\r\n- @tresjs/core: 2.1.3\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nyarn\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],302,"Nuxt3 + Tresjs rendering issue(when remounting, not displaying)","2023-06-19T15:26:29Z","https://github.com/Tresjs/tres/issues/302",0.72050446,{"description":2923,"labels":2924,"number":2926,"owner":2877,"repository":2878,"state":2879,"title":2927,"updated_at":2928,"url":2929,"score":2930},"**Describe the bug**\r\nThe library still glitches in responsiveness, especially regarding models, they get distorted aspect ratio, probably the canvas.\r\n\r\n**Reproduction**\r\nRe-scale a scene\r\n\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to any scene\r\n2. Resize until very very small\r\n\r\n**Expected behavior**\r\nRe-scaling doesn't affect objects or the camera aspect ratio\r\n\r\n**Screenshots**\r\n\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: macOS 13.2.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 74.72 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm\r\n Browsers:\r\n Brave Browser: 110.1.48.164\r\n Chrome: 110.0.5481.177\r\n Safari: 16.3\r\n npmPackages:\r\n @tresjs/cientos: ^1.7.0 => 1.7.0 \r\n @tresjs/core: ^1.7.0 => 1.7.0 \r\n vite: ^4.1.0 => 4.1.4 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2925],{"name":2868,"color":2869},127,"Scene doesn't scale properly","2023-02-27T19:56:06Z","https://github.com/Tresjs/tres/issues/127",0.722518,{"description":2932,"labels":2933,"number":2934,"owner":2877,"repository":2878,"state":2879,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Describe the bug\n\nI'm trying to take a screenshot of the TresCanvas, but get always an empty PNG.\r\n\r\n \u003CTresCanvas ref=\"tresCanvasRef\" clear-color=\"#aaaaaa\" shadows id=\"modelCanvas\">\r\n \u003CCaptureScreenshot />\r\n \u003CTresPerspectiveCamera :position=\"[-150, 470, 220]\" :look-at=\"[0, 0, 0]\" />\r\n \u003CSuspense>\r\n \u003Cprimitive :position=\"[0, -100, 0]\" v-if=\"sceneLoaded\" :object=\"scene\" />\r\n \u003C/Suspense>\r\n \u003CTresAmbientLight :intensity=\"1.2\" color=\"#ffffff\" />\r\n \u003CTresDirectionalLight :intensity=\"1\" color=\"#ffffff\" :position=\"[-100, 0, 100]\" />\r\n \u003CTresDirectionalLight :intensity=\"1\" color=\"#ffffff\" :position=\"[100, 0, 100]\" />\r\n \u003CTresDirectionalLight :intensity=\"1\" color=\"#ffffff\" :position=\"[0, 200, 0]\" />\r\n \u003COrbitControls />\r\n \u003C/TresCanvas>\r\n \r\n \r\n**CaptureScreenshot:**\r\n \u003Cscript setup>\r\nimport { useTresContext } from \"@tresjs/core\";\r\n\r\nconst { renderer } = useTresContext();\r\n\r\nconst captureScreenshot = () => {\r\n const canvas = renderer.value.domElement;\r\n const url = canvas.toDataURL();\r\n const link = document.createElement(\"a\");\r\n link.href = url;\r\n link.download = \"screenshot.png\";\r\n link.click();\r\n};\r\n\u003C/script>\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-bovwvh?file=tsconfig.json\n\n### Steps to reproduce\n\nnpm i\r\nnpm run dev\n\n### System Info\n\n```shell\n\"devDependencies\": {\r\n \"@nuxt/devtools\": \"latest\",\r\n \"@nuxtjs/tailwindcss\": \"^6.8.0\",\r\n \"autoprefixer\": \"^10.4.15\",\r\n \"nuxt\": \"^3.7.3\"\r\n },\r\n \"dependencies\": {\r\n \"@tresjs/cientos\": \"^3.3.0\",\r\n \"@tresjs/nuxt\": \"^1.1.6\",\r\n \"@tresjs/post-processing\": \"^0.4.0\",\r\n \"@types/node\": \"^20.6.0\",\r\n \"dom-to-image\": \"^2.6.0\",\r\n \"html2canvas\": \"^1.4.1\",\r\n \"node\": \"^16.20.2\",\r\n \"three\": \"^0.156.1\"\r\n }\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],408,"TresCanvas Screenshot","2023-12-13T09:08:50Z","https://github.com/Tresjs/tres/issues/408",0.72555274,{"description":2940,"labels":2941,"number":2944,"owner":2877,"repository":2878,"state":2879,"title":2945,"updated_at":2946,"url":2947,"score":2948},"**Describe the bug**\r\n`useGLTF` and `GLTFModel ` both have an error with DracoLoader \r\n\r\n```\r\nchunk-3J2C55FA.js?v=30a1aa41:425 [TresJS ▲ ■ ●] [useLoader] - Failed to load resource Error: THREE.GLTFLoader: No DRACOLoader instance provided.\r\n```\r\n\r\n**Reproduction**\r\nReproduction [Stackblitz](https://stackblitz.com/edit/tresjs-basic-ntxpns?file=src%2Fcomponents%2FTheExperience.vue,package.json) \r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to Demo,\r\n2. Check console\r\n\r\n**Expected behavior**\r\n`useGltf` should work\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 System:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) 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/cientos: ^1.1.0 => 1.1.0 \r\n @tresjs/core: ^1.2.0 => 1.2.1 \r\n vite: ^3.2.4 => 3.2.5 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2942,2943],{"name":2868,"color":2869},{"name":2889,"color":2890},45,"THREE.GLTFLoader: No DRACOLoader instance provided","2022-12-19T13:33:17Z","https://github.com/Tresjs/tres/issues/45",0.73331076,{"description":2950,"labels":2951,"number":2957,"owner":2877,"repository":2878,"state":2879,"title":2958,"updated_at":2959,"url":2960,"score":2961},"**Describe the bug**\r\nThe following props are not being properly updated:\r\n\r\n- `enabled`.\r\n- `showX`, `showY`, `showZ`\r\n- `axis`.\r\n\r\n**Reproduction**\r\n[Stackblitz](https://stackblitz.com/edit/tresjs-transform-controls?file=src%2Fcomponents%2FTheExperience.vue,package.json) \r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to[ '...'](https://stackblitz.com/edit/tresjs-transform-controls?file=src%2Fcomponents%2FTheExperience.vue,package.json)\r\n2. Play with props on the panel top right\r\n\r\n**Expected behavior**\r\nAll props work\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: (8) 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/cientos: ^1.3.0 => 1.3.0 \r\n @tresjs/core: ^1.4.0 => 1.4.0 \r\n vite: ^3.2.4 => 3.2.4 \r\n```\r\n\r\n**Additional context**\r\nMost probably is because this properties doesn't use a `set` function\r\n",[2952,2953,2956],{"name":2868,"color":2869},{"name":2954,"color":2955},"good first issue","7057ff",{"name":2871,"color":2872},63,"TransformControls cientos props without set method not updating","2023-01-07T18:45:57Z","https://github.com/Tresjs/tres/issues/63",0.7349174,{"description":2963,"labels":2964,"number":2967,"owner":2877,"repository":2878,"state":2879,"title":2968,"updated_at":2969,"url":2970,"score":2971},"**Describe the bug**\r\nYep, lot of noisy warnings on the console about `provide` `inject`\r\n\r\n**Reproduction**\r\n[Stackblitz](https://stackblitz.com/edit/tresjs-basic?file=README.md) \r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Open the console\r\n\r\n**Expected behavior**\r\n\r\n\r\nLess warnings\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\r\n\r\n\r\n",[2965,2966],{"name":2868,"color":2869},{"name":2954,"color":2955},107,"[Vue warn]: injection \"local-scene\" not found.","2023-02-18T08:09:48Z","https://github.com/Tresjs/tres/issues/107",0.7362262,["Reactive",2973],{},["Set"],["ShallowReactive",2976],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fla86oczPMZOkOF64aeSc9YrHlKtAE7AdJFx4KU4JUTY":-1},"/Tresjs/tres/49"]