\r\n \u003C/g>\r\n\u003C/svg>\r\n```\r\n\r\nTried something like below but it expects a `ref `instead of an `id`\r\n```\r\n iBody?.querySelectorAll(`[id^=\"color\"]`).forEach((item) => {\r\n const { finish } = useAnimate(item, [{ fill: color }, { fill: (getValue(\"color\", iBody) as string) || \"black\" }], {\r\n duration: 500,\r\n iterations: 5,\r\n })\r\n })\r\n```",[3053],{"name":3043,"color":3044},4219,"UseAnimate - Add support for targets with an id","2025-03-02T15:41:26Z","https://github.com/vueuse/vueuse/issues/4219",0.80710596,{"description":3060,"labels":3061,"number":3063,"owner":3024,"repository":3024,"state":3025,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### Clear and concise description of the problem\n\nadd use Network protocol mqtt?\n\n### Suggested solution\n\nadd use Network protocol mqtt?\n\n### Alternative\n\n_No response_\n\n### Additional context\n\nadd Network protocol mqtt?\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.",[3062],{"name":3043,"color":3044},4341,"add use Network protocol mqtt?","2025-01-24T13:20:54Z","https://github.com/vueuse/vueuse/issues/4341",0.80914617,{"description":3069,"labels":3070,"number":3074,"owner":3024,"repository":3024,"state":3075,"title":3076,"updated_at":3077,"url":3078,"score":3079},"### Describe the bug\n\nThe default value of the `immediate` property is set to `false`:\r\nhttps://github.com/vueuse/vueuse/blob/9943a7adc3220652c4034ed71ad5a9910f4640c0/packages/core/useTimeoutPoll/index.ts#L6\r\n\r\nHowever, the default value in the docs is `true`:\r\nhttps://github.com/vueuse/vueuse/blob/9943a7adc3220652c4034ed71ad5a9910f4640c0/packages/shared/useTimeoutFn/index.ts#L11\n\n### Reproduction\n\nnot required\n\n### System Info\n\n```Shell\nnot required\n```\n\n\n### Used Package Manager\n\npnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3071],{"name":3072,"color":3073},"documentation","0075ca",4231,"closed","fix(useTimeoutPoll): fix incorrect default value of immediate property","2025-01-24T10:07:17Z","https://github.com/vueuse/vueuse/issues/4231",0.7314348,{"description":3081,"labels":3082,"number":3083,"owner":3024,"repository":3024,"state":3075,"title":3084,"updated_at":3085,"url":3086,"score":3087},"### Clear and concise description of the problem\n\nCurrently, `useTimeout` does not do what one would expect, be a replacement for `window.setTimeout`.\nIt return a reactive ref instead of calling a callback !\n\n### Suggested solution\n\nI propose that `useTimeout` be renamed `useTimeoutRef`, and that `useTimeoutFn` be renamed `useTimeout`, which would align better with native browser behavior.\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.",[],4683,"`useTimeout` and `useTimeoutFn` | should be renamed to be closer to browser behavior","2025-03-31T14:33:26Z","https://github.com/vueuse/vueuse/issues/4683",0.73487955,{"description":3089,"labels":3090,"number":3094,"owner":3024,"repository":3024,"state":3075,"title":3095,"updated_at":3096,"url":3097,"score":3098},"### Describe the bug\n\nWhen installing the Nuxt module with `npx nuxi@latest module add vueuse`, as per the official docs, only `@vueuse/nuxt` is installed, not `@vueuse/core`.\n\nAs the latter is required for the Nuxt module, I think there are some possible strategies to deal with this:\n\n- Make it so that `@vueuse/core` is installed automatically when using Nuxi\n- Add `@vueuse/core` as a dependency to `@vueuse/nuxt`\n- Or, simply update the docs and clearly state that `@vueuse/core` should be installed manually.\n\nThank you :)\n\n### Reproduction\n\nhttps://stackblitz.com/github/nuxt/starter/tree/v3?file=package.json\n\n### System Info\n\n```Shell\nSystem:\n OS: Linux 5.0 undefined\n CPU: (2) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\n Memory: 0 Bytes / 0 Bytes\n Shell: 1.0 - /bin/jsh\n Binaries:\n Node: 18.20.3 - /usr/local/bin/node\n Yarn: 1.22.19 - /usr/local/bin/yarn\n npm: 10.2.3 - /usr/local/bin/npm\n pnpm: 8.15.6 - /usr/local/bin/pnpm\n npmPackages:\n @vueuse/nuxt: ^12.8.2 => 12.8.2 \n vue: ^3.5.13 => 3.5.13\n```\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [x] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3091],{"name":3092,"color":3093},"bug","d73a4a",4647,"BUG | `nuxi` installer | Installing with Nuxi only adds `@vueuse/nuxt`, not `@vueuse/core`","2025-04-07T01:55:10Z","https://github.com/vueuse/vueuse/issues/4647",0.74575895,{"description":3100,"labels":3101,"number":3106,"owner":3024,"repository":3024,"state":3075,"title":3107,"updated_at":3108,"url":3109,"score":3110},"### Clear and concise description of the problem\r\n\r\nhttps://github.com/vueuse/vueuse/blob/e71eb1e9818be73e179915c5efda4f37b8a460c9/packages/core/useIntersectionObserver/index.ts#L20-L22\r\n\r\n### Suggested solution\r\n\r\n```diff\r\n- root?: MaybeComputedElementRef \r\n+ root?: MaybeComputedElementRef | Document\r\n```\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nhttps://www.w3.org/TR/intersection-observer/#intersectionobserver-intersection-root\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://vueuse.org/guide).\r\n- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.",[3102,3103],{"name":3043,"color":3044},{"name":3104,"color":3105},"pr welcome","7E3DD1",4196,"typing of `UseIntersectionObserverOptions.root` should accept `Document`","2024-09-13T08:32:53Z","https://github.com/vueuse/vueuse/issues/4196",0.75988054,{"description":3112,"labels":3113,"number":3117,"owner":3024,"repository":3024,"state":3075,"title":3118,"updated_at":3119,"url":3120,"score":3121},"### Describe the bug\n\n```ts\nimport type { ObjectDirective } from 'vue'\nimport type { UseElementBoundingOptions, UseElementBoundingReturn } from './index'\nimport { watch } from 'vue'\nimport { useElementBounding } from './index'\n\ntype ElementBounding = Omit\u003CUseElementBoundingReturn, 'update'>\ntype BindingValueFunction = (bounding: ElementBounding) => void\ntype BindingValueArray = [BindingValueFunction, UseElementBoundingOptions]\n\nexport const vElementBounding: ObjectDirective\u003C\n HTMLElement,\n BindingValueFunction | BindingValueArray\n> = {\n mounted(el, binding) {\n const [handler, options] = (typeof binding.value === 'function' ? [binding.value, {}] : binding.value) as BindingValueArray\n\n const {\n height,\n bottom,\n left,\n right,\n top,\n width,\n x,\n y,\n } = useElementBounding(el, options)\n watch([height, bottom, left, right, top, width, x, y], () => handler({ height, bottom, left, right, top, width, x, y }))\n },\n}\n```\n\nModifying height.value in the handler method will cause an infinite loop.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-q9a1qgs7?file=src%2FApp.vue\n\n### System Info\n\n```Shell\n System:\n OS: Linux 5.0 undefined\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\n Memory: 0 Bytes / 0 Bytes\n Shell: 1.0 - /bin/jsh\n Binaries:\n Node: 18.20.3 - /usr/local/bin/node\n Yarn: 1.22.19 - /usr/local/bin/yarn\n npm: 10.2.3 - /usr/local/bin/npm\n pnpm: 8.15.6 - /usr/local/bin/pnpm\n npmPackages:\n @vueuse/components: ^12.7.0 => 12.7.0 \n @vueuse/core: ^12.7.0 => 12.7.0 \n vue: ^3.5.13 => 3.5.13 \n```\n\n### Used Package Manager\n\npnpm\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [x] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3114],{"name":3115,"color":3116},"has pr","5319E7",4609,"BUG | `useElementBounding` | Maximum recursive updates exceeded.","2025-04-10T01:36:04Z","https://github.com/vueuse/vueuse/issues/4609",0.76335305,["Reactive",3123],{},["Set"],["ShallowReactive",3126],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fn6RAg2flK3YYDuT4HWTJkcjxDxX-OqXy7XgYDCAqGSQ":-1},"/vueuse/vueuse/4688"]