\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_",[3077,3080],{"name":3078,"color":3079},"3.x","29bc7f",{"name":3081,"color":3082},"pending triage","E99695",15741,"useFetch automatic request after first request","2024-12-02T14:49:54Z","https://github.com/nuxt/nuxt/issues/15741",0.7347127,{"description":3089,"labels":3090,"number":3096,"owner":3028,"repository":3029,"state":3069,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### 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```",[3091,3092,3093],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3094,"color":3095},"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":3102,"labels":3103,"number":3107,"owner":3028,"repository":3108,"state":3069,"title":3109,"updated_at":3110,"url":3111,"score":3112},"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",[3104],{"name":3105,"color":3106},"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":3114,"number":3117,"owner":3028,"repository":3028,"state":3069,"title":3118,"updated_at":3119,"url":3120,"score":3121},[3115,3116],{"name":3078,"color":3079},{"name":3081,"color":3082},14465,"Template refs can only be addressed correctly during initial loading","2023-01-19T17:35:46Z","https://github.com/nuxt/nuxt/issues/14465",0.74744874,{"description":3123,"labels":3124,"number":3128,"owner":3028,"repository":3029,"state":3069,"title":3129,"updated_at":3130,"url":3131,"score":3132},"### 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",[3125],{"name":3126,"color":3127},"question","d876e3",2277,"Custom carousel indicators colors","2024-09-30T13:36:07Z","https://github.com/nuxt/ui/issues/2277",0.74854374,{"labels":3134,"number":3137,"owner":3028,"repository":3028,"state":3069,"title":3138,"updated_at":3139,"url":3140,"score":3141},[3135,3136],{"name":3078,"color":3079},{"name":3081,"color":3082},14174,"FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory","2023-11-24T06:39:37Z","https://github.com/nuxt/nuxt/issues/14174",0.75184774,["Reactive",3143],{},["Set"],["ShallowReactive",3146],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcXGdHFvPkelFRxmNiZuZwabpxX5X1HLuMGIcSj4lQTg":-1},"/nuxt/fonts/32"]