\r\n```\r\nbut also by importing it from the assets folder.\r\n\r\n```javascript\r\nimport MilkyWayEnvironment from '@assets/environments/milkyway-4k.jpg'\r\n\r\n\u003CEnvironment\r\n :path=\"MilkyWayEnvironment\"\r\n :background=\"true\"\r\n/>\r\n```\r\n\r\nWhen using the component I get only a warning :\r\n```\r\n[Vue warn]: expose() should be passed a plain object, received ref. \r\n at \u003CComponent path=\"/milkyway-4k.jpg\" background=true > \r\n at \u003CApp>\r\n```\r\n\r\nWhen I use useEnvironments I get 2 warnings and 1 error : \r\n```\r\n[Vue warn]: injection \"useTres\" not found. \r\nUnhandled error during execution of setup function \r\ntres.js:431 Uncaught (in promise) Error: useTresContext must be used together with useTresContextProvider\r\n```\r\n\r\nI tried to import the environment image into Stackblitz but it doesn't work. \n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-8r1lk7\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\nyarn\n\n### Code of Conduct\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.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2914,2917],{"name":2915,"color":2916},"needs reproduction","16309A",{"name":2918,"color":2919},"waiting for author","DEEAB8",305,"Environment not working","2023-12-22T00:49:40Z","https://github.com/Tresjs/cientos/issues/305",0.7400217,{"description":2926,"labels":2927,"number":2928,"owner":2860,"repository":2897,"state":2929,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Description\n\nCurrently, in the cientos docs there are just a few examples of the components, it will be better to provide examples as in MeshWobbleMaterial to as many components as possible\n\n### Suggested solution\n\nBasically add example to all abstractions, controls, shapes, material and misc. Possible\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.",[],177,"closed","Add more examples to the Cientos docs","2023-09-13T13:31:29Z","https://github.com/Tresjs/cientos/issues/177",0.6889125,{"description":2935,"labels":2936,"number":2943,"owner":2860,"repository":2861,"state":2929,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Describe the bug\n\nDescription:\r\n\r\nI am experiencing an issue where events on dynamically added spheres are not being registered. In my setup, I have a box that, when clicked, adds a new sphere to the scene. While the initial spheres respond to click, pointer-enter, and pointer-leave events as expected, the newly added spheres do not trigger these events.\r\n\r\nSample Code:\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { ref, reactive } from 'vue';\r\nimport { Sphere, Box, OrbitControls } from '@tresjs/cientos';\r\n\r\nconst addHotspot = () => {\r\n const newHotspot = reactive({\r\n position: [-2, 0, 0],\r\n });\r\n hotspots.push(newHotspot);\r\n};\r\n\r\nconst hotspots = reactive([\r\n {\r\n position: [-2, 0, -2],\r\n },\r\n {\r\n position: [0, 0, -2],\r\n },\r\n {\r\n position: [2, 0, -2],\r\n },\r\n]);\r\n\r\nconst grow = (event) => {\r\n event.object.scale.set(1.5, 1.5, 1.5);\r\n};\r\n\r\nconst shrink = (event) => {\r\n event.object.scale.set(1, 1, 1);\r\n};\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003COrbitControls />\r\n \u003CTresPerspectiveCamera />\r\n \u003CTresAmbientLight :args=\"['white', 0.5]\" />\r\n \u003CBox :position=\"[0, 0, 0]\" :scale=\"[1, 1, 1]\" @click=\"addHotspot\">\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/Box>\r\n \u003CSphere\r\n :args=\"[0.5, 32, 32]\"\r\n v-for=\"(hotspot, index) in hotspots\"\r\n :position=\"hotspot.position\"\r\n @click=\"console.log('click', index)\"\r\n @pointer-enter=\"grow\"\r\n @pointer-leave=\"shrink\"\r\n >\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/Sphere>\r\n\u003C/template>\r\n\r\n```\r\nExpected Behavior:\r\n\r\nThe click, pointer-enter, and pointer-leave events on the newly added spheres should function identically to those on the initial spheres, triggering the respective console logs and scaling effects.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-aa972s?file=src%2Fcomponents%2FTheExperience.vue,package-lock.json\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n_No response_\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.",[2937,2940],{"name":2938,"color":2939},"p4-important-bug","D93F0B",{"name":2941,"color":2942},"regression","167F7A",763,"Events not registering on dynamically added objects","2024-07-12T05:05:00Z","https://github.com/Tresjs/tres/issues/763",0.69285965,{"description":2949,"labels":2950,"number":2859,"owner":2860,"repository":2897,"state":2929,"title":2951,"updated_at":2952,"url":2953,"score":2866},"### Description\n\nCode snippets in docs sometimes [contain typos](https://github.com/Tresjs/tres/pull/411) or other errors.\r\n\r\n\n\n### Suggested solution\n\nWhere possible, use [Vitepress' markdown plugin](https://vitepress.dev/guide/markdown#import-code-snippets) to import demo code snippets directly, rather than copy/pasting them:\r\n\r\n```\r\n\u003C\u003C\u003C @/filepath{highlightLines}\r\n```\r\n\r\n\r\n\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n@JaimeTorrealba suggested standardizing this approach after I [submitted this PR](https://github.com/Tresjs/cientos/pull/240) using the plugin as outlined.\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.",[],"Docs: use imported code snippets where possible","2023-10-05T21:12:58Z","https://github.com/Tresjs/cientos/issues/242",{"description":2955,"labels":2956,"number":2957,"owner":2860,"repository":2861,"state":2929,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Description\n\nI would like to have a version for Babylon.js\n\n### Suggested solution\n\nI'm currently learning Babylon.js and have noticed some differences in terms of mesh events between Three.js and Babylon.js. Unlike Three.js, Babylon.js provides a mechanism similar to the actionManager on its meshes. I'm curious to know if Cientos has a similar feature. I'm looking forward to seeing how the combination of Vue with Babylon.js will eventually shape a project\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.",[],502,"Are you considering providing a version for Babylon.js after completing this project?","2024-01-10T10:59:15Z","https://github.com/Tresjs/tres/issues/502",0.7165356,["Reactive",2963],{},["Set"],["ShallowReactive",2966],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fZKGemrIn_Ayb32AAtB3PkBzjf9Z7EduMJaDBIgVMErE":-1},"/Tresjs/lab/88"]