\r\n \u003Cbutton class=\"btn btn-primary\" @click=\"sendIt\">Send\u003C/button>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nconst body = reactive({\r\n foo: 'bar',\r\n name: '',\r\n});\r\n\r\nconst sendIt = async () => {\r\n const { data, error } = await useFetch('https://httpbin.org/anything', {\r\n method: 'POST',\r\n body,\r\n });\r\n};\r\n\u003C/script>\r\n```\n\n### Describe the bug\n\nWhen POSTing a reactive Vue object using `useFetch`, I find that further modification of the object's properties causes the `useFetch` call to unexpectedly fire again for each modification.\r\n\r\nIn the above example, I have a reactive object named `body`, and I use `useFetch` to POST it somewhere. Afterward, if I modify the object using an `\u003Cinput>` with `v-model` binding, that `useFetch` POST fires again for each keypress. If I click Send to trigger `useFetch` once more, then modify the object's properties yet again, the `useFetch` calls invoked by those modifications have doubled up, and they continue to double with each click of the Send button.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3123,3124],{"name":3043,"color":3044},{"name":3020,"color":3021},23837,"useFetch calls repeat when sending and modifying reactive objects","2023-10-20T21:12:43Z","https://github.com/nuxt/nuxt/issues/23837",0.6960225,["Reactive",3131],{},["Set"],["ShallowReactive",3134],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fnySsYCCAuoPYkP1DUTHKl6SGjvBNjn1WhJkYHvpvKYo":-1},"/nuxt/scripts/442"]