\r\n\r\n \u003Cbutton @click=\"save()\">Check\u003C/button>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nconst form = ref({\r\n data: {\r\n email: '',\r\n },\r\n});\r\n\r\nconst save = async () => {\r\n const { data, error } = await useFetch('/api/hello', {\r\n method: 'POST',\r\n body: form.value.data,\r\n });\r\n\r\n return true;\r\n};\r\n\u003C/script>\r\n```\r\n\r\n**Reproduction:**\r\n1. go to https://githubwmbccm-mhyg--3000.local-credentialless.webcontainer.io/ and open the Developer Tools -> Network.\r\n2. next enter a string in the input field. e.g. email@email.de\r\n3. click on the button \"Check\".\r\n\r\nNow you can see that a request is sent to \"/api/hello\" as expected. Everything is correct and as expected. (see screenshot)\r\n\r\n\r\n\r\n**The error:**\r\nIf you now click in the input field and add a letter, exactly the same request is automatically sent again without clicking on the \"Check\" button. A new request is sent for each letter. (see screenshot)\r\n\r\n\r\n\r\nIt is noticeable that this behaviour only occurs with a POST request. If you useFetch() with GET, this behaviour does not occur. If you use $fetch instead of useFetch() everything works as expected even with a POST request. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2935,2938],{"name":2936,"color":2937},"3.x","29bc7f",{"name":2939,"color":2940},"pending triage","E99695",15741,"useFetch automatic request after first request","2024-12-02T14:49:54Z","https://github.com/nuxt/nuxt/issues/15741",0.73471266,{"description":2947,"labels":2948,"number":2954,"owner":2875,"repository":2876,"state":2927,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: modules, plugins, devtools, css, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxt/eslint@0.7.6\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/purple-sunset-9qdqv3\nJust upgrade Nuxt template to v3.0.0-alpha.12 and remove style from app.vue make preview without theme colors\n\n### Description\n\n[Tailwind v4.0.5](https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.0.5) add optimization to compiled css that include only theme variable that are used\n\n### Additional context\n\nNuxt Template with **v3.0.0-alpha.12** without style in app.vue \n\n\n\nNuxt Template with **v3.0.0-alpha.10** without style in app.vue\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2949,2950,2951],{"name":2866,"color":2867},{"name":2869,"color":2870},{"name":2952,"color":2953},"tailwindcss","00bcff",3275,"Broken theme due to Tailwind V4.0.5","2025-02-14T21:31:17Z","https://github.com/nuxt/ui/issues/3275",0.7359525,{"description":2960,"labels":2961,"number":2965,"owner":2875,"repository":2966,"state":2927,"title":2967,"updated_at":2968,"url":2969,"score":2970},"Hello! \r\n\r\nI noticed a problem when using mountSuspended. If a component under test has at least one required property, a typing error occurs.\r\n\r\nCode example below:\r\n\r\n```\r\n// component.vue\r\n\u003Cscript setup lang=\"ts\">\r\ndefineProps\u003C{\r\n title: string\r\n}>()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n {{ title }}\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```\r\n// component.spec.ts\r\n\u003Cscript setup lang=\"ts\">\r\nimport { describe, expect, test } from \"vitest\"\r\nimport { mountSuspended } from \"nuxt-vitest/utils\"\r\nimport Component from \"~/components/component.vue\"\r\n\r\ndescribe.concurrent(\"Component\", () => {\r\n test(\"Render\", async () => {\r\n \r\n // TypeError below\r\n const wrapper = await mountSuspended(Component, {\r\n props: {\r\n title: \"title\" ,\r\n },\r\n })\r\n })\r\n})\r\n```\r\n",[2962],{"name":2963,"color":2964},"vitest-environment","b60205",554,"test-utils","Type error in moutSuspended If a component has required properties","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/554",0.7383989,{"labels":2972,"number":2975,"owner":2875,"repository":2875,"state":2927,"title":2976,"updated_at":2977,"url":2978,"score":2979},[2973,2974],{"name":2936,"color":2937},{"name":2939,"color":2940},14465,"Template refs can only be addressed correctly during initial loading","2023-01-19T17:35:46Z","https://github.com/nuxt/nuxt/issues/14465",0.7474487,{"description":2981,"labels":2982,"number":2986,"owner":2875,"repository":2876,"state":2927,"title":2987,"updated_at":2988,"url":2989,"score":2990},"### Description\n\nHi, \r\n\r\nI'm trying to change the colors of the carousel indicators. I tried to replicate the setups in the carousel page and theming pages in the docs but nothing is working. I tried to safelist my colors in the nuxt.config.ts file, I tried to make custom colors in the tailwind.config.js file, I tried making an app.config.ts file, I also tried to override the colors in inline style in my page but that doesn't work either. \r\n\r\nHas someone tried to do this in the past ? If so, how did you do ?\r\nI just want to change the colors of the indicators in their active/inactive states",[2983],{"name":2984,"color":2985},"question","d876e3",2277,"Custom carousel indicators colors","2024-09-30T13:36:07Z","https://github.com/nuxt/ui/issues/2277",0.74854374,["Reactive",2992],{},["Set"],["ShallowReactive",2995],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcXGdHFvPkelFRxmNiZuZwabpxX5X1HLuMGIcSj4lQTg":-1},"/nuxt/fonts/32"]