\r\n\r\n \u003Cdiv class=\"wrapper\">\r\n \u003CHelloWorld msg=\"You did it!\" />\r\n\r\n \u003Cnav>\r\n \u003CRouterLink to=\"/\">Home\u003C/RouterLink>\r\n \u003CRouterLink to=\"/about\">About\u003C/RouterLink>\r\n \u003C/nav>\r\n \u003C/div>\r\n \u003C/header>\r\n\r\n \u003CRouterView />\r\n\u003C/template>\r\n\r\n\u003Cstyle scoped>\r\n\r\n\u003C/style>\r\n```\r\n\r\nAboutView\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"about\">\r\n \u003Ch1>This is an about page\u003C/h1>\r\n \u003Cdiv class=\"canvas\">\r\n \u003CTresCanvas>\r\n \u003C!-- Your scene here -->\r\n \u003C/TresCanvas>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { TresCanvas } from '@tresjs/core'\r\n\u003C/script>\r\n\u003Cstyle>\r\n@media (min-width: 1024px) {\r\n .about {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n.canvas {\r\n width: 100px;\r\n height: 100px;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction\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.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 13th Gen Intel(R) Core(TM) i7-1355U\r\n Memory: 1.70 GB / 7.76 GB\r\n Container: Yes\r\n Shell: 5.1.16 - /bin/bash\r\n Binaries:\r\n Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node\r\n npm: 11.0.0 - ~/.nvm/versions/node/v20.18.0/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: ^4.0.3 => 4.0.3 \r\n @tresjs/core: ^4.3.2 => 4.3.2 \r\n vite: ~6.0.6 => 6.0.6\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/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.",[2901],{"name":2902,"color":2903},"bug","d73a4a",905,"I get an error when using TresCanvas. Like this .. ( onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can... )","2025-02-08T10:41:31Z","https://github.com/Tresjs/tres/issues/905",0.8234607,{"description":2910,"labels":2911,"number":2912,"owner":2874,"repository":2875,"state":2876,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Description\n\nMy Rollup plugin performs some work based on whether certain exports from three-stdlib are used, such as ```DRACOLoader```. I would like it to be handled when using cientos as well.\n\n### Suggested solution\n\nRelease a version without **builtin three-stdlib**\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [x] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://cientos.tresjs.org/guide).\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.",[],597,"Make three-stdlib be an external dependency","2025-02-27T09:46:43Z","https://github.com/Tresjs/cientos/issues/597",0.8262153,{"description":2918,"labels":2919,"number":2923,"owner":2874,"repository":2924,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"**Is your feature request related to a problem? Please describe.**\r\nPmndr's SMAAEffect should be available.",[2920],{"name":2921,"color":2922},"enhancement","a2eeef",114,"post-processing","closed","SMAAEffect","2025-03-30T18:17:32Z","https://github.com/Tresjs/post-processing/issues/114",0.7758286,{"description":2931,"labels":2932,"number":2942,"owner":2874,"repository":2893,"state":2925,"title":2943,"updated_at":2944,"url":2945,"score":2946},"Add more insightful changes\r\n\r\n- [x] Extend is no longer from `useCatalog` \r\n- [x] Models ref value getModel is deprecated\r\n- [x] Controls needs to be below the camera\r\n- [x] Change `three/examples/jsm` to `three/addons`",[2933,2936,2939],{"name":2934,"color":2935},"docs","0075ca",{"name":2937,"color":2938},"v2","FEE22E",{"name":2940,"color":2941},"dx","1576AD",206,"Improve migration guide","2023-04-18T07:57:51Z","https://github.com/Tresjs/tres/issues/206",0.7918054,{"description":2948,"labels":2949,"number":2959,"owner":2874,"repository":2893,"state":2925,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Description\n\nAs a maintainer of TresJS, I would like to separate concerns on the `useTresContextProvider` and devtools setup\n\n### Suggested solution\n\nMove `setupDevtools` to devtools plugin registration instead\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\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.",[2950,2953,2956],{"name":2951,"color":2952},"good first issue","7057ff",{"name":2954,"color":2955},"help wanted","008672",{"name":2957,"color":2958},"p1-chore","BFD4F2",981,"Move `setupDevtools` out of context provider","2025-04-22T14:41:48Z","https://github.com/Tresjs/tres/issues/981",0.8008087,{"description":2965,"labels":2966,"number":2969,"owner":2874,"repository":2893,"state":2925,"title":2970,"updated_at":2971,"url":2972,"score":2973},"Since vue compiler doesn't recognize the TresJS as native, users need to add this code to the `vite.config.ts` \n\n isCustomElement: tag => tag.startsWith('Tres') && tag !== 'TresCanvas',",[2967,2968],{"name":2934,"color":2935},{"name":2937,"color":2938},169,"Add customElement vue compiler code to docs","2023-03-30T06:19:00Z","https://github.com/Tresjs/tres/issues/169",0.8125298,{"description":2975,"labels":2976,"number":2978,"owner":2874,"repository":2875,"state":2925,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### Description\r\n\r\nVue 3.3.4 added an experimental feature called propsDeconstruct allowing us to dispense `withDefaults` in favor of a more natural deconstruction that keeps the reactivity.\r\n\r\n```\r\nconst { args = [1, 1, 1], color = '0xffffff' } = defineProps\u003C{\r\n args?: ConstructorParameters\u003Ctypeof BoxGeometry>\r\n color?: TresColor\r\n}>()\r\n```\r\n\r\n### Suggested solution\r\n\r\nAs of now, the following components has been updated, we need to update the rest\r\n\r\n- [x] All shapes\r\n- [ ] Smoke\r\n- [ ] Stars\r\n- [ ] Levioso\r\n- [ ] Contact Shadows\r\n- [x] Transform Controls\r\n- [x] Orbit Controls\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\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.",[2977],{"name":2951,"color":2952},83,"Update all components to use prop deconstruction","2023-07-07T15:21:52Z","https://github.com/Tresjs/cientos/issues/83",0.81375825,["Reactive",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fW5Wk4I0zZtcoNXHT3FyJ-VXUE2YecfFfBK2hU_EUDaQ":-1},"/Tresjs/tres/969"]