` 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":2898,"labels":2899,"number":1665,"owner":2868,"repository":2884,"state":2885,"title":2902,"updated_at":2903,"url":2904,"score":2905},"**Describe the bug**\r\nGLTF Model is trying to return the model by ref before the variable is initialized on model load\r\n\r\n\r\n**Reproduction**\r\n[Reproduction](https://stackblitz.com/edit/tresjs-gltfmodel-2stucs?file=package.json,src%2Fcomponents%2FTheExperience.vue,src%2Fstyle.css)\r\n\r\n**Expected behavior**\r\nError on console disappears and model is returned successfully via templateref\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: (5) 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: ^2.0.0-alpha.0 => 2.0.0-alpha.1 \r\n @tresjs/core: ^2.0.0-alpha.0 => 2.0.0-alpha.1 \r\n vite: ^3.2.4 => 3.2.5 \r\n```\r\n\r\n",[2900,2901],{"name":2879,"color":2880},{"name":2882,"color":2883},"[v2] - GLTFModel: Cannot access 'a' before initialization","2023-03-23T08:17:47Z","https://github.com/Tresjs/cientos/issues/11",0.69344294,{"description":2907,"labels":2908,"number":1665,"owner":2868,"repository":2912,"state":2885,"title":2913,"updated_at":2914,"url":2915,"score":2905},"A control that allows to select an option from a list",[2909],{"name":2910,"color":2911},"feature","15D7B5","leches","Select Options Dropdown Input","2023-07-04T13:40:28Z","https://github.com/Tresjs/leches/issues/11",{"description":2917,"labels":2918,"number":2926,"owner":2868,"repository":2927,"state":2885,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Describe the bug\r\n\r\nAdding a rigged model with `useGLTF` looks squished and broken\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/~/edit/tresjs-squished-models?file=src/App.vue\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\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (4) 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: 18.20.3 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.6 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: 3.9.0 => 3.9.0 \r\n @tresjs/core: 4.0.2 => 4.0.0 \r\n vite: ^5.3.2 => 5.3.2\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nnpm\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/cientos/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/Tresjs/cientos/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.",[2919,2920,2923],{"name":2879,"color":2880},{"name":2921,"color":2922},"p4-important-bug","D93F0B",{"name":2924,"color":2925},"upstream","DDC01F",751,"tres","Rigged models are squished and broken","2024-07-10T11:24:19Z","https://github.com/Tresjs/tres/issues/751",0.7269554,{"description":2933,"labels":2934,"number":2942,"owner":2868,"repository":2927,"state":2885,"title":2943,"updated_at":2944,"url":2945,"score":2946},"**Describe the bug**\r\nUsing \u003CTresFog /> is not adding `scene.fog(new Fog())`\r\n\r\n**Reproduction**\r\n[Reproduction](https://stackblitz.com/edit/tresjs-basic-ntxpns?file=src%2Fcomponents%2FTheExperience.vue,src%2Fcomponents%2FThePortal.vue,vite.config.ts,src%2Fshaders%2Ffragment.glsl,src%2FApp.vue)\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Add a `\u003CTresFog />` to the scene\r\n\r\n**Expected behavior**\r\nScene should have [Fog](https://threejs.org/docs/?q=fog#api/en/scenes/Fog)\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\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.2.2 => 1.2.2 \r\n @tresjs/core: ^1.3.2 => 1.3.2 \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",[2935,2936,2939],{"name":2879,"color":2880},{"name":2937,"color":2938},"good first issue","7057ff",{"name":2940,"color":2941},"help wanted","008672",49,"TresFog is not adding fog to scene","2022-12-21T14:54:16Z","https://github.com/Tresjs/tres/issues/49",0.72749746,{"description":2948,"labels":2949,"number":2954,"owner":2868,"repository":2927,"state":2885,"title":2955,"updated_at":2956,"url":2957,"score":2958},"**Describe the bug**\r\nSeems since the update to v2 some demos with shaders are glitchy. We should find out why.\r\n\r\n\r\n**Reproduction**\r\nv2 https://playground.tresjs.org/experiments/portal-journey\r\nv1 https://stackblitz.com/edit/tresjs-portal-threejs-journey?file=README.md\r\n\r\n**Expected behavior**\r\nv2 fireflies work as v1\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\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: 93.83 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: 111.1.49.128\r\n Chrome: 111.0.5563.110\r\n Safari: 16.3\r\n npmPackages:\r\n @tresjs/cientos: 2.0.0-alpha.5 => 2.0.0-alpha.5 \r\n @tresjs/core: 2.0.0-alpha.4 => 2.0.0-alpha.4 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2950,2951,2952],{"name":2879,"color":2880},{"name":2940,"color":2941},{"name":2882,"color":2953},"FEE22E",177,"[v2] - Shaders are not working 100%","2023-03-31T09:13:55Z","https://github.com/Tresjs/tres/issues/177",0.73723227,{"description":2960,"labels":2961,"number":2963,"owner":2868,"repository":2893,"state":2885,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Describe the bug\r\n\r\nI tried upgrading the `@tresjs/core` package from `3.0.1` to `3.1.x` and now every attempt to use the `useNuxtApp()` composable breaks the application.\r\n\r\n\u003Cimg width=\"569\" alt=\"Screenshot 2023-08-30 alle 00 45 56\" src=\"https://github.com/Tresjs/nuxt/assets/5191941/2dd34502-e8eb-4372-a8cb-2a4d98363659\">\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/github/kekkorider/nuxt-tres-starter/tree/tresjs-core-3-1?file=components%2FSampleBox.vue\r\n\r\n### Steps to reproduce\r\n\r\nIn `/components/SampleBox.vue`, comment out line 19, the one where `useNuxtApp()` is used.\r\nThe error will be gone.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 13.4.1\r\n CPU: (8) arm64 Apple M1\r\n Memory: 280.75 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.16.0 - ~/.nvm/versions/node/v18.16.0/bin/node\r\n Yarn: 1.22.19 - ~/.yarn/bin/yarn\r\n npm: 9.5.1 - ~/.nvm/versions/node/v18.16.0/bin/npm\r\n pnpm: 8.7.0 - /opt/homebrew/bin/pnpm\r\n Browsers:\r\n Chrome: 116.0.5845.110\r\n Edge: 114.0.1823.55\r\n Safari: 16.5.1\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\npnpm\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.",[2962],{"name":2879,"color":2880},33,"Unable to use `useNuxtApp()` since `@tresjs/core@3.1.0`","2023-09-12T08:36:40Z","https://github.com/Tresjs/nuxt/issues/33",0.73809344,{"description":2969,"labels":2970,"number":2963,"owner":2868,"repository":2927,"state":2885,"title":2975,"updated_at":2976,"url":2977,"score":2967},"Vue reactivity is based on [Proxy](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy). This allows Vue 3 to automatically track changes to data objects and update the corresponding DOM elements whenever the data changes.\r\n\r\nSince we are rendering a scene and updating it in every frame (60FPS), that means that we are updating the scene 60 times per second. If the object to be updated is reactive, Vue will try to update the scene 60 times per second. This is not a good idea 😅 and will be detrimental to performance, especially in big scenes\r\n\r\nHere is a benchmark of the difference between using a Proxy object and a plain object.\r\n\u003Cimg width=\"1224\" alt=\"proxy-benchmark\" src=\"https://user-images.githubusercontent.com/4699008/206704835-d0235c0d-e868-4c32-96f0-d6926b2c5563.png\">\r\n\r\nSource: [Proxy vs Plain Object](https://www.measurethat.net/Benchmarks/Show/12503/0/object-vs-proxy-vs-proxy-setter)\r\n\r\n## To discuss\r\n\r\n- [ ] How can we improve the performance of the core (ex use `shallowRef` instead of `ref`) See [Reactivity Advanced API](https://vuejs.org/api/reactivity-advanced.html)\r\n- [x] #34\r\n\r\nOne real world example is updating an instance for animation: \r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst boxRef: Ref\u003CTresInstance | null> = ref(null)\r\n\r\nonLoop(({ _delta, elapsed }) => {\r\n if (boxRef.value) {\r\n boxRef.value.rotation.y += 0.01\r\n boxRef.value.rotation.z = elapsed * 0.2\r\n }\r\n})\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresMesh ref=\"boxRef\" :scale=\"1\" cast-shadow>\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshStandardMaterial v-bind=\"pbrTexture\" />\r\n \u003C/TresMesh>\r\n\u003C/template>\r\n```\r\n\r\nHere we are getting the ref for the mesh with the Mesh instance so we can update the rotation, but `boxRef` remains a Proxy, a solution would be to `unref` or use a shallowRef since Direct template ref are not available see https://github.com/vuejs/core/issues/1227\r\n\r\n\r\nI would love to have your input here @wheatjs @kissu @Astanusic \r\n\r\n## Food for though \r\n\r\nhttps://discoverthreejs.com/tips-and-tricks/#performance ",[2971,2972],{"name":2940,"color":2941},{"name":2973,"color":2974},"discussion 💭","AE4C80","Performance discussion","2023-12-13T08:55:23Z","https://github.com/Tresjs/tres/issues/33",["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fjGQzxiokNPhsGsfroB2R53aidHakvevJY-On-HN1rM4":-1},"/Tresjs/tres/45"]