\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.",[3053],{"name":3054,"color":3055},"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":3062,"labels":3063,"number":3064,"owner":3026,"repository":3027,"state":3028,"title":3065,"updated_at":3066,"url":3067,"score":3068},"### 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":3070,"labels":3071,"number":3075,"owner":3026,"repository":3076,"state":3077,"title":3078,"updated_at":3079,"url":3080,"score":3081},"**Is your feature request related to a problem? Please describe.**\r\nPmndr's SMAAEffect should be available.",[3072],{"name":3073,"color":3074},"enhancement","a2eeef",114,"post-processing","closed","SMAAEffect","2025-03-30T18:17:32Z","https://github.com/Tresjs/post-processing/issues/114",0.7758286,{"description":3083,"labels":3084,"number":3094,"owner":3026,"repository":3045,"state":3077,"title":3095,"updated_at":3096,"url":3097,"score":3098},"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`",[3085,3088,3091],{"name":3086,"color":3087},"docs","0075ca",{"name":3089,"color":3090},"v2","FEE22E",{"name":3092,"color":3093},"dx","1576AD",206,"Improve migration guide","2023-04-18T07:57:51Z","https://github.com/Tresjs/tres/issues/206",0.7918054,{"description":3100,"labels":3101,"number":3111,"owner":3026,"repository":3045,"state":3077,"title":3112,"updated_at":3113,"url":3114,"score":3115},"### 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.",[3102,3105,3108],{"name":3103,"color":3104},"good first issue","7057ff",{"name":3106,"color":3107},"help wanted","008672",{"name":3109,"color":3110},"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":3117,"labels":3118,"number":3121,"owner":3026,"repository":3045,"state":3077,"title":3122,"updated_at":3123,"url":3124,"score":3125},"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',",[3119,3120],{"name":3086,"color":3087},{"name":3089,"color":3090},169,"Add customElement vue compiler code to docs","2023-03-30T06:19:00Z","https://github.com/Tresjs/tres/issues/169",0.8125298,{"description":3127,"labels":3128,"number":3130,"owner":3026,"repository":3027,"state":3077,"title":3131,"updated_at":3132,"url":3133,"score":3134},"### 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.",[3129],{"name":3103,"color":3104},83,"Update all components to use prop deconstruction","2023-07-07T15:21:52Z","https://github.com/Tresjs/cientos/issues/83",0.81375825,["Reactive",3136],{},["Set"],["ShallowReactive",3139],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fW5Wk4I0zZtcoNXHT3FyJ-VXUE2YecfFfBK2hU_EUDaQ":-1},"/Tresjs/tres/969"]