\r\n \u003CTresMeshToonMaterial color=\"#efefef\" />\r\n \u003C/TresMesh>\r\n\u003C/TresGroup>\r\n```\r\n\r\nSee also: `pointer-out` exhibits similar behavior.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-qd169j?file=src%2Fcomponents%2FTheExperience.vue\r\n\r\n### Steps to reproduce\r\n\r\n* Open Stackblitz link in a browser.\r\n* Mouse over cube, then leave.\r\n* See browser console: multiple `pointer-leave` events will be logged.\r\n\r\n### System Info\r\n\r\n_No response_\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.",[2894,2897],{"name":2895,"color":2896},"bug","d73a4a",{"name":2898,"color":2899},"p3-minor-bug","F28C37",801,"`pointer-{leave,out}` fired multiple times on single \"leave\"","2025-01-02T17:17:01Z","https://github.com/Tresjs/tres/issues/801",0.7109963,{"description":2906,"labels":2907,"number":2914,"owner":2860,"repository":2886,"state":2862,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Describe the bug\r\n\r\n## Problem\r\n\r\nThe [`extend` example code from the docs](https://docs.tresjs.org/advanced/extending.html#extending-an-element-dynamically) throws an error when used as written.\r\n\r\nResult is the same for Stackblitz and local playground.\r\n\r\n## Error (abridged)\r\n\r\nFirefox\r\n\r\n```\r\nUncaught (in promise) TypeError: _ctx.state is undefined\r\n default TheExperience.vue:14\r\n renderFnWithContext runtime-core.esm-bundler.js:774\r\n normalizeChildren runtime-core.esm-bundler.js:7090\r\n createBaseVNode runtime-core.esm-bundler.js:6901\r\n _createVNode runtime-core.esm-bundler.js:6978\r\n createVNodeWithArgsTransform runtime-core.esm-bundler.js:6855\r\n createBlock runtime-core.esm-bundler.js:6828\r\n _sfc_render TheExperience.vue:11\r\n renderComponentRoot runtime-core.esm-bundler.js:834\r\n componentUpdateFn runtime-core.esm-bundler.js:5789\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5902\r\n setupRenderEffect runtime-core.esm-bundler.js:5910\r\n mountComponent runtime-core.esm-bundler.js:5700\r\n processComponent runtime-core.esm-bundler.js:5653\r\n patch runtime-core.esm-bundler.js:5128\r\n componentUpdateFn runtime-core.esm-bundler.js:5796\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5902\r\n setupRenderEffect runtime-core.esm-bundler.js:5910\r\n mountComponent runtime-core.esm-bundler.js:5700\r\n processComponent runtime-core.esm-bundler.js:5653\r\n patch runtime-core.esm-bundler.js:5128\r\n componentUpdateFn runtime-core.esm-bundler.js:5861\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5902\r\n callWithErrorHandling runtime-core.esm-bundler.js:158\r\n flushJobs runtime-core.esm-bundler.js:365\r\n promise callback*queueFlush runtime-core.esm-bundler.js:275\r\n queuePostFlushCb runtime-core.esm-bundler.js:295\r\n queueEffectWithSuspense runtime-core.esm-bundler.js:1683\r\n scheduler runtime-core.esm-bundler.js:1852\r\n triggerEffect reactivity.esm-bundler.js:373\r\n triggerEffects reactivity.esm-bundler.js:363\r\n triggerRefValue reactivity.esm-bundler.js:973\r\n effect reactivity.esm-bundler.js:1130\r\n triggerEffect reactivity.esm-bundler.js:373\r\n triggerEffects reactivity.esm-bundler.js:358\r\n triggerRefValue reactivity.esm-bundler.js:973\r\n effect reactivity.esm-bundler.js:1130\r\n triggerEffect reactivity.esm-bundler.js:373\r\n triggerEffects reactivity.esm-bundler.js:358\r\n triggerRefValue reactivity.esm-bundler.js:973\r\n set value reactivity.esm-bundler.js:1017\r\n finalizeNavigation vue-router.mjs:3353\r\n pushWithRedirect vue-router.mjs:3218\r\n promise callback*pushWithRedirect vue-router.mjs:3185\r\n push vue-router.mjs:3110\r\n install vue-router.mjs:3551\r\n use runtime-core.esm-bundler.js:3786\r\n \u003Canonymous> main.ts:9\r\n setTimeout handler* __uno.css:19\r\n \u003Canonymous> __uno.css:19\r\n```\r\n\r\nChrome\r\n\r\n```\r\nUncaught TypeError: Cannot read properties of undefined (reading 'renderer')\r\n at App.vue:14:19\r\n at renderFnWithContext (chunk-QSL5RKHU.js?v=52cbdb0e:2162:13)\r\n at normalizeChildren (chunk-QSL5RKHU.js?v=52cbdb0e:8380:34)\r\n at createBaseVNode (chunk-QSL5RKHU.js?v=52cbdb0e:8191:5)\r\n at _createVNode (chunk-QSL5RKHU.js?v=52cbdb0e:8268:10)\r\n at createVNodeWithArgsTransform (chunk-QSL5RKHU.js?v=52cbdb0e:8145:10)\r\n at createBlock (chunk-QSL5RKHU.js?v=52cbdb0e:8118:5)\r\n at Proxy._sfc_render (App.vue:11:3)\r\n at renderComponentRoot (chunk-QSL5RKHU.js?v=52cbdb0e:2211:17)\r\n at ReactiveEffect.componentUpdateFn [as fn] (chunk-QSL5RKHU.js?v=52cbdb0e:7085:46)\r\n```\r\n\r\n## Screenshot\r\n\r\nFirefox\r\n\r\n\u003Cimg width=\"681\" alt=\"Screenshot 2024-03-02 at 15 08 42\" src=\"https://github.com/Tresjs/tres/assets/20469369/9a6f836d-6359-44c7-9020-583a73de1801\">\r\n\r\nChrome\r\n\r\n\u003Cimg width=\"623\" alt=\"Screenshot 2024-04-04 at 18 31 45\" src=\"https://github.com/Tresjs/tres/assets/20469369/287235e9-b5f3-42ab-8328-9ac29705fa09\">\r\n\r\n## Example code from docs\r\n\r\nIn case it's updated in the meantime, [here's the example code from the docs](https://docs.tresjs.org/advanced/extending.html#extending-an-element-dynamically) as of March 2, 2024:\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nimport { extend } from '@tresjs/core'\r\nimport { OrbitControls } from 'three/addons/controls/OrbitControls'\r\nimport { TextGeometry } from 'three/addons/geometries/TextGeometry'\r\n\r\n// Add the element to the catalogue\r\nextend({ TextGeometry, OrbitControls })\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTresCanvas shadows alpha>\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003CTresOrbitControls v-if=\"state.renderer\" :args=\"[state.camera, state.renderer?.domElement]\" />\r\n \u003CTresMesh>\r\n \u003CTresTextGeometry :args=\"['TresJS', { font, ...fontOptions }]\" center />\r\n \u003CTresMeshMatcapMaterial :matcap=\"matcapTexture\" />\r\n \u003C/TresMesh>\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-hkwcer?file=src%2FApp.vue\r\n\r\n### Steps to reproduce\r\n\r\n* Open Stackblitz\r\n* Open browser console\r\n* See error\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\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: 18.18.0 - /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.3 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: ^3.5.1 => 3.5.1 \r\n @tresjs/core: ^3.4.1 => 3.4.1 \r\n @tresjs/eslint-config-vue: ^0.2.1 => 0.2.1 \r\n vite: ^4.5.0 => 4.5.0 \r\n```\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.",[2908,2909,2910,2913],{"name":2895,"color":2896},{"name":2871,"color":2872},{"name":2911,"color":2912},"good first issue","7057ff",{"name":2874,"color":2875},565,"Docs `extend` example throws error","2024-04-04T16:32:59Z","https://github.com/Tresjs/tres/issues/565",0.72599673,{"description":2920,"labels":2921,"number":251,"owner":2860,"repository":2861,"state":2862,"title":2922,"updated_at":2923,"url":2924,"score":2925},"Hi!!\r\nPls help, how to work with STL models in Tres?\r\nI'm load model via STLloader as in THREE, and how I can render it now?\r\nTrying primitive\r\n```\r\n \u003CSuspense>\r\n \u003Cprimitive :object=\"mySTLModel\" />\r\n \u003C/Suspense>\r\n```\r\nBut get `Failed to resolve component: primitive`",[],"How to load and render STL models?","2024-07-17T17:42:39Z","https://github.com/Tresjs/lab/issues/53",0.7265488,{"description":2927,"labels":2928,"number":2931,"owner":2860,"repository":2932,"state":2862,"title":2933,"updated_at":2934,"url":2935,"score":2936},"### Describe the bug\n\nThe examples under https://cientos.tresjs.org/guide/misc/html-component.html#html are currently broken\n\n### Reproduction\n\nhttps://cientos.tresjs.org/guide/misc/html-component.html#html\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/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.",[2929,2930],{"name":2895,"color":2896},{"name":2871,"color":2872},368,"cientos","[Docs] - HTML examples are broken ","2024-07-18T08:07:36Z","https://github.com/Tresjs/cientos/issues/368",0.72656727,{"description":2938,"labels":2939,"number":1508,"owner":2860,"repository":2941,"state":2942,"title":2943,"updated_at":2944,"url":2945,"score":2946},"**Describe the bug**\r\nA scene using `EffectComposer` gets broken when resizing the screen\r\n\r\n**Reproduction**\r\n[Reproduction](https://stackblitz.com/edit/nuxt-starter-hzbvpr?file=nuxt.config.ts,app.vue,components%2FModel.vue)\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to '...'\r\n2. Resize Scene\r\n\r\n**Expected behavior**\r\nScene with post-processing doesn't break\r\n\r\n**Screenshots**\r\n\r\nhttps://github.com/Tresjs/post-processing/assets/4699008/ce16b034-1b7b-49df-a708-320cf13c9831\r\n\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: macOS 14.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 89.77 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 Browsers:\r\n Brave Browser: 118.1.59.124\r\n Chrome: 119.0.6045.105\r\n Firefox: 118.0.1\r\n Safari: 17.1\r\n npmPackages:\r\n @tresjs/cientos: ^3.6.0 => 3.6.0 \r\n @tresjs/leches: 0.14.0-next.0 => 0.14.0-next.0 \r\n @tresjs/nuxt: ^1.2.2 => 1.2.2 \r\n @tresjs/post-processing: 0.6.0 => 0.6.0 \r\n```\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2940],{"name":2895,"color":2896},"post-processing","closed","[Nuxt - Astro] Maximum recursive updates exceeded on window resize","2023-11-14T13:32:23Z","https://github.com/Tresjs/post-processing/issues/80",0.45830986,{"description":2948,"labels":2949,"number":2953,"owner":2860,"repository":2932,"state":2942,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Describe the bug\r\n\r\nWhen using OrbitControls, the scene freezes unrecoverably.\r\n\r\n### Reproduction\r\n\r\nhttps://tresjs.org/guide/\r\n\r\n### Steps to reproduce\r\n\r\ndo this:\r\n\r\n\r\n\r\n### System Info\r\n\r\n_No response_\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/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.",[2950,2951,2952],{"name":2895,"color":2896},{"name":2911,"color":2912},{"name":2874,"color":2875},100,"OrbitControls fail on touch devices","2023-06-27T15:43:33Z","https://github.com/Tresjs/cientos/issues/100",0.68264216,{"description":2959,"labels":2960,"number":2961,"owner":2860,"repository":2886,"state":2942,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Describe the bug\n\nWhen i use this snippet I see white background instead of `body/html` with red color. \r\n```html\r\n \u003CTresCanvas window-size clear-color=\"transparent\">\r\n```\r\n\r\nI want to see html background instead of threejs scene background.\n\n### Reproduction\n\nany project with TresCanvas and set clear-color to transparent\n\n### Steps to reproduce\n\nrun any project with Tres and use TresCanvas to set clear-color to transparent.\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.",[],679,"Unable to set clear-color to transparent","2024-07-17T18:29:48Z","https://github.com/Tresjs/tres/issues/679",0.69726133,{"description":2967,"labels":2968,"number":2970,"owner":2860,"repository":2861,"state":2942,"title":2971,"updated_at":2972,"url":2973,"score":2974},"Hello. First of all I appreciate a lot for your effort to develop and maintain it.\r\nI'm really happy to meet this awesome library.\r\n\r\n# The Problem on `lab.tresjs.org`\r\n\r\nI'm writing to notify the possibility that there are some wrong settings from server-side.\r\n\r\nToday I tried to see the **ShowCase** page (lab.tresjs.org), but I can't do like the photo below.\r\n\r\n\r\n\r\nIt fails to get belows according to console messages.\r\n- https://lab.tresjs.org/\r\n- https://lab.tresjs.org/api/_content/query/luVj25sCnR.1720210146607.json?_params=%7B%22where%22:%5B%7B%22_path%22:%22%2Fexperiments%2Fsimple-editor%22%7D%5D,%22first%22:true,%22sort%22:%5B%7B%22_stem%22:1,%22$numeric%22:true%7D%5D%7D\r\n\r\nSpecific links are also not working. (2 examples)\r\n- https://lab.tresjs.org/experiments/simple-editor\r\n- https://lab.tresjs.org/experiments/glass-material\r\n\r\n# Local has no problems.\r\n\r\nWhen I clone and run it at local environment, it works well.\r\n\r\n\r\n\r\n\r\nThank you.",[2969],{"name":2895,"color":2896},145,"lab.tresjs.org doesn't work (Only header is shown. Fail to fetch items.)","2024-09-01T16:08:13Z","https://github.com/Tresjs/lab/issues/145",0.6984602,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fCLNi5tH2Y6dnE0FOBs0EcD-_1MxasRhggc8ZJJhnQgo":-1},"/Tresjs/cientos/80"]