\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.",[2911],{"name":2895,"color":2896},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.78426915,{"description":2918,"labels":2919,"number":2923,"owner":2860,"repository":2924,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"**Is your feature request related to a problem? Please describe.**\r\nThe effects from [three.js itself](https://threejs.org/examples/?q=postprocessing) should be available in this package.\r\n\r\n**Describe the solution you'd like**\r\nSimilar to the existing effects. A submodule would be handy.\r\n",[2920],{"name":2921,"color":2922},"enhancement","a2eeef",113,"post-processing","closed","Native three.js effects","2024-09-26T07:21:06Z","https://github.com/Tresjs/post-processing/issues/113",0.744445,{"description":2931,"labels":2932,"number":2936,"owner":2860,"repository":2861,"state":2925,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Describe the bug\n\nCSS transitions (neither `transform` based) are working when inside of the HTML component.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-q6q8cg?file=src%2Fcomponents%2FTheExperience.vue,src%2FApp.vue\n\n### Steps to reproduce\n\nClick on the section above the canvas and then click the gray box on the scene where the HTML element is use for a label.\r\n\r\nBoth have exactly the same CSS transition\n\n### System Info\n\n```shell\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: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.9.2 - /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```\n```\n\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.",[2933,2934,2935],{"name":2895,"color":2896},{"name":2857,"color":2858},{"name":2875,"color":2876},275,"[Html] CSS transitions are not working","2023-11-05T09:25:55Z","https://github.com/Tresjs/cientos/issues/275",0.75145507,{"description":2942,"labels":2943,"number":2948,"owner":2860,"repository":2878,"state":2925,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Describe the bug\n\nIf you add vLightHelper directives it breaks the vue devtools \r\n\r\n\u003Cimg width=\"1500\" alt=\"Screenshot 2024-07-26 at 10 56 29\" src=\"https://github.com/user-attachments/assets/5d958f37-af21-497a-b82f-e5acb743dad6\">\r\n\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/edit/tresjs-reproduction-v-light-helper?file=src/components/TheExperience.vue&file=src/components/TheExperience.vue\n\n### Steps to reproduce\n\n- Add a `v-light-helper`\r\n- Check vue devtools\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (4) 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.20.3 - /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.6 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: 4.0.0-next.1 => 4.0.0-next.1 \r\n @tresjs/core: 4.2.2 => 4.2.2 \r\n vite: ^5.3.2 => 5.3.5\n```\n\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.",[2944,2947],{"name":2945,"color":2946},"devtools","0AD07B",{"name":2901,"color":2902},792,"DirectionalLightHelpers breaks devtools","2024-07-26T11:22:16Z","https://github.com/Tresjs/tres/issues/792",0.7581387,{"description":2954,"labels":2955,"number":2959,"owner":2860,"repository":2878,"state":2925,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Description\r\n\r\nAs a developer using TresJS ...\r\n\r\n## Problem\r\n\r\nI forget to `lint --fix` before pushing. Others do too. This leads to messier commit histories, noisier diffs, and wasted time.\r\n\r\n## Suggested solution\r\n\r\nAdd a client-side pre-push [git hook](https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks) to `lint --fix` the project and abort the push if errors exist. \r\n\r\nBy default, the hook would run `lint --fix` during a push, before any objects have been transferred.\r\n\r\nIf there are no linter errors after running `lint --fix`, it would:\r\n\r\n* continue the push\r\n\r\nIf there are unfixable-by-the-linter errors, it would:\r\n\r\n* abort the push\r\n* report the errors (or filenames with errors) and instruct the user to fix them \r\n* give the user instructions for bypassing the linter step and pushing despite errors\r\n\r\n## Advantages\r\n\r\n* Reduce the number of PRs that fail the CI lint step\r\n* Reduce the amount of diff \"noise\" due to `chore(lint): fix linter errors`\r\n* Reduce mental load when pushing – no need to remember to lint\r\n\r\n## Disadvantages\r\n\r\n* Some new contributors might be turned away. E.g. maybe the linter fails and they can't figure out the next step.\r\n* If linter errors make it into `main`, everyone's `git push` based on the branch will initially fail.\r\n* `pnpm lint --fix` takes a while to run.\r\n\r\n### Alternative\r\n\r\nDo nothing. Keep the project as-is.\r\n\r\n### Additional context\r\n\r\nThe project runs a linter as a CI step and fails unlinted PRs already.\r\n\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.",[2956],{"name":2957,"color":2958},"p2-nice-to-have","D4C5F9",590,"Git pre-push hook to `lint --fix` the project","2024-04-07T23:51:17Z","https://github.com/Tresjs/tres/issues/590",0.76305556,{"description":2965,"labels":2966,"number":2970,"owner":2860,"repository":2861,"state":2925,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Description\r\n\r\nAtm we have locked the tweakpane version to v3 since v4 comes with breaking changes.\r\n\r\nAlso, this is adding weight to the final user bundle, even if they are not using it. We should deprecated it in favor of https://github.com/vinayakkulkarni/v-tweakpane \r\n\r\nThis is the bundle of the web https://tresjs.org/ in astro, tweakpane is not even used. \r\n\r\n\r\n\r\n### Suggested solution\r\n\r\nDrop support for tweakpane on the lib.\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.",[2967],{"name":2968,"color":2969},"v4","EEF2B0",296,"Deprecate tweakpane in favor to v-tweakpane","2023-12-19T08:25:09Z","https://github.com/Tresjs/cientos/issues/296",0.7688129,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fiZ4VXJBRXo-DWGfZ8ob8FJ2HDWOfW57Mu26GXpQZH0U":-1},"/Tresjs/tres/427"]