\r\n \u003COrbitControls />\r\n \u003CTresAmbientLight :intensity=\"0.5\" color=\"red\" />\r\n \u003CTresMesh ref=\"boxRef\" :position=\"[0, 2, 0]\">\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n \u003CTresDirectionalLight :position=\"[0, 2, 4]\" :intensity=\"1\" cast-shadow />\r\n \u003CTresAxesHelper />\r\n \u003CTresGridHelper :args=\"[10, 10, 0x444444, 'teal']\" />\r\n \u003C/TresGroup>\r\n````\r\nThen I got this\r\n\r\n\r\n**However, it can run correctly in `v3.9.0`**\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/hexianWeb/starter\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n_No response_\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.",[2867,2870,2873],{"name":2868,"color":2869},"question","d876e3",{"name":2871,"color":2872},"waiting for author","B145BC",{"name":2874,"color":2875},"p2-edge-case","ABCC40",727,"Tresjs","tres","open","`Camera` wrapped by `TresGroup` cannot be used properly after `version 4.0`","2024-06-15T11:45:11Z","https://github.com/Tresjs/tres/issues/727",0.76119906,{"description":2885,"labels":2886,"number":2887,"owner":2877,"repository":2878,"state":2879,"title":2888,"updated_at":2889,"url":2890,"score":2891},"### Description\n\nThis allows to prevent bubbling the events to the dom by using `event.sourceEvent.preventDefault();`\n\n### Suggested solution\n\nAdd event capture true by default, or allow us to add parameters to the listeners: `@click.stop`, `@click.passive`, `@click.capture`, ...\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.",[],939,"Add event capture true by default","2025-02-22T10:19:27Z","https://github.com/Tresjs/tres/issues/939",0.77298313,{"description":2893,"labels":2894,"number":2905,"owner":2877,"repository":2878,"state":2879,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Description\n\nHow to use vue-cli\n\n### Suggested solution\n\nHow to use vue-cli\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.",[2895,2898,2901,2904],{"name":2896,"color":2897},"bug","d73a4a",{"name":2899,"color":2900},"help wanted","008672",{"name":2902,"color":2903},"PR welcome","2D76B0",{"name":2874,"color":2875},754,"How to use vue-cli","2024-08-21T09:51:50Z","https://github.com/Tresjs/tres/issues/754",0.77886015,{"description":2911,"labels":2912,"number":2919,"owner":2877,"repository":2878,"state":2879,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Description\r\n\r\nCurrently, Tres core does not accept kebab-case for compound property names in \"pierced\" paths like `shadow.mapSize.height`.\r\n\r\nUsers must write `:shadow-mapSize-height`. `:shadow-map-size-height` is not accepted.\r\n\r\n`attach=\"kebab-string\"` accepts kebab-case for compound property names.\r\n\r\n### Suggested solution\r\n\r\nUse the same logic as `attach`.\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/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.",[2913,2916],{"name":2914,"color":2915},"feature","c2e0c6",{"name":2917,"color":2918},"p3-significant","2C78E3",873,"Allow compound property names to be kebab-cased","2024-11-27T10:10:40Z","https://github.com/Tresjs/tres/issues/873",0.78351325,{"description":2925,"labels":2926,"number":2933,"owner":2877,"repository":2934,"state":2879,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Description\n\nThe physics component should expose the context of rapier... The world\n\n### Suggested solution\n\nUsing define expose\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/rapier/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/rapier/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://rapier.tresjs.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/rapier/issues) that reports the same bug to avoid creating a duplicate.",[2927,2930],{"name":2928,"color":2929},"p2-nice-to-have","D4C5F9",{"name":2931,"color":2932},"v1","5B6B67",137,"rapier","Expose for the Physic component","2024-10-11T09:22:27Z","https://github.com/Tresjs/rapier/issues/137",0.7892174,{"description":2940,"labels":2941,"number":2946,"owner":2877,"repository":2878,"state":2947,"title":2948,"updated_at":2949,"url":2950,"score":2951},"**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",[2942,2943],{"name":2896,"color":2897},{"name":2944,"color":2945},"pending-triage","97A4FE",96,"closed","Could not resolve \"@vueuse/core\" on Installation","2023-02-06T18:17:07Z","https://github.com/Tresjs/tres/issues/96",0.7531907,{"description":2953,"labels":2954,"number":2955,"owner":2877,"repository":2956,"state":2947,"title":2957,"updated_at":2958,"url":2959,"score":2960},"**Describe the bug**\r\nUsing the Outline the whole scene changes based on the BlendFunction\r\nIt's also not possible to import from the post-processing package directly \r\n\r\nexample:\r\nimport { BlendFunction } from '@tresjs/post-processing' \r\n\r\nconst outlineParameters = reactive({\r\n blendFunction: BlendFunction.COLOR_BURN,\r\n})\r\n\r\n\r\n\r\nNot sure if this is expected behaviour\r\n\r\nnpmPackages:\r\n @tresjs/cientos: ^4.0.2 => 4.0.2\r\n @tresjs/core: ^4.2.10 => 4.2.10\r\n @tresjs/post-processing: ^1.0.0-next.1 => 1.0.0-next.1\r\n vite: ^5.2.10 => 5.3.3\r\n",[],130,"post-processing","Using the BlendFunction the whole scene changes","2024-09-26T13:57:14Z","https://github.com/Tresjs/post-processing/issues/130",0.75702506,{"description":2962,"labels":2963,"number":2967,"owner":2877,"repository":2956,"state":2947,"title":2968,"updated_at":2969,"url":2970,"score":2971},"**Is your feature request related to a problem? Please describe.**\r\nPmndr's SMAAEffect should be available.",[2964],{"name":2965,"color":2966},"enhancement","a2eeef",114,"SMAAEffect","2025-03-30T18:17:32Z","https://github.com/Tresjs/post-processing/issues/114",0.76632255,{"description":2973,"labels":2974,"number":2981,"owner":2877,"repository":2878,"state":2947,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### Description\n\nTo nudge users and contributors to use `shallowRef` over `ref`, convert `ref(TresObject)` to `shallowRef(TresObject)` in the docs and playgrounds.\r\n\r\n## Context\r\n\r\nAccording to the Vue docs:\r\n\r\n> shallowRef() is typically used for performance optimizations of large data structures, or integration with external state management systems.\r\n\r\nhttps://vuejs.org/api/reactivity-advanced.html\r\n\r\n`TresObject`s are \"large data structures\". Each one typically holds a reference to `context`, which contains `scene`, `renderer`, etc.\r\n\r\nAfter a rough regex search for `\\bref\\b`, it appears that the Tres docs and playgrounds have 100+ occurrences of `ref(TresObject)`. Many of those can be converted to `shallowRef(TresObject)` with no loss of intent/functionality.\r\n\r\n## Meta\r\n\r\nDiscussed among the core team on Discord\n\n### Suggested solution\n\nConvert ref(TresObject) to shallowRef(TresObject) in the docs and playgrounds.\n\n### Alternative\n\nLeave as is.\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.",[2975,2978],{"name":2976,"color":2977},"performance","3F1D85",{"name":2979,"color":2980},"p1-chore","BFD4F2",778,"Docs/playgrounds: change `ref(TresObject)` to `shallowRef(TresObject)`","2024-07-17T09:31:19Z","https://github.com/Tresjs/tres/issues/778",0.7710563,{"description":2987,"labels":2988,"number":2992,"owner":2877,"repository":2993,"state":2947,"title":2994,"updated_at":2995,"url":2996,"score":2997},"### Description\n\nAs a developer using Tresjs I would like to have a simple way to add a global sound.\n\n### Suggested solution\n\nAn abstraction of: https://threejs.org/docs/index.html?q=audio#api/en/audio/Audio\r\n\r\nYou could consider something like:\r\n\u003CAudio src=\"MYAUDIO_PATH.mp3\" :volume=\"0.3\" /> \r\n\r\nAs example\n\n### Alternative\n\nFeel free to suggest other alternatives\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.",[2989],{"name":2990,"color":2991},"good first issue","7057ff",209,"cientos","Global audio component","2023-10-05T21:05:09Z","https://github.com/Tresjs/cientos/issues/209",0.77706265,["Reactive",2999],{},["Set"],["ShallowReactive",3002],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOmesE_Wrqssw11HR2cBGDThE91xLUlVsP7SC3O9evRs":-1},"/Tresjs/tres/994"]