\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3225,3226],{"name":3135,"color":3136},{"name":3138,"color":3139},4869,"InputMenu/Select/SelectMenu: show falsy label when model value is falsy","2025-09-08T12:42:34Z","https://github.com/nuxt/ui/issues/4869",0.69578767,{"description":3233,"labels":3234,"number":3241,"owner":3144,"repository":3144,"state":3190,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### Environment\n\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v14.18.3`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `yarn@1.22.17`\r\n- Builder: `vite`\r\n- User Config: `postcss`, `build`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-wmbccm?file=app.vue\n\n### Describe the bug\n\nI have created a separate component for an input field, which is structured as follows:\r\n\r\n```vue components/form/app/TextField.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Clabel\r\n v-if=\"label\"\r\n :for=\"name\"\r\n class=\"block text-sm pl-0.5\">\r\n {{ label }}\r\n \u003Cspan\r\n class=\"text-accent-blue\"\r\n v-if=\"required\">\r\n *\r\n \u003C/span>\r\n \u003C/label>\r\n \u003Cdiv\r\n class=\"relative mt-1 flex items-center\">\r\n \u003Cinput\r\n class=\"block w-full pl-4 py-3 outline-0 rounded-[4px] border transition-all duration-400 border-gray-300 focus:border-primary-light focus:drop-shadow\"\r\n :type=\"type\"\r\n :value=\"modelValue\"\r\n :name=\"name\"\r\n :id=\"name\"\r\n :class=\"{\r\n 'pr-12': prefix,\r\n 'pr-4': !prefix\r\n }\"\r\n :required=\"required\"\r\n @input=\"$emit('update:modelValue', $event.target.value);\">\r\n \u003Cdiv\r\n v-if=\"prefix\"\r\n class=\"absolute inset-y-0 right-[1px] top-[1px] bottom-[1px] flex\">\r\n \u003Cspan class=\"inline-flex items-center bg-gray-50 border-l border-gray-300 px-4 text-sm font-medium rounded-tr-[4px] rounded-br-[4px]\">\r\n {{ prefix }}\r\n \u003C/span>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\ndefineProps({\r\n name: {\r\n type: [String],\r\n required: true\r\n },\r\n type: {\r\n type: [String],\r\n default: 'text'\r\n },\r\n required: {\r\n type: [Boolean],\r\n required: false,\r\n default: false\r\n },\r\n label: {\r\n type: [String, Boolean],\r\n required: false\r\n },\r\n prefix: {\r\n type: [String, Boolean],\r\n required: false\r\n },\r\n modelValue: {\r\n type: [String],\r\n default: ''\r\n }\r\n})\r\n\u003C/script>\r\n```\r\n\r\nI then included this in the app.vue. The input field and a button are displayed here. This button has a binding @click=\"save()\" to call the save() function.\r\n\r\n```vue app.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cinput\r\n name=\"email\"\r\n label=\"Email\"\r\n type=\"email\"\r\n v-model=\"form.data.email\"\r\n required\r\n />\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_",[3235,3238],{"name":3236,"color":3237},"3.x","29bc7f",{"name":3239,"color":3240},"pending triage","E99695",15741,"useFetch automatic request after first request","2024-12-02T14:49:54Z","https://github.com/nuxt/nuxt/issues/15741",0.70143884,{"description":3247,"labels":3248,"number":3252,"owner":3144,"repository":3145,"state":3190,"title":3253,"updated_at":3254,"url":3255,"score":3256},"### Version\n\nLatest commit https://pkg.pr.new/@nuxt/ui@62ab016\n\n### Description\n\nWhen fetching items using [ignore-filter prop ](https://ui.nuxt.com/components/select-menu#with-ignore-filter) `\u003CUSelectMenu>` does not remember the current selection.\n\nCurrently it works only if the selected item stays in the items array which is barely the case if dealing with more than 10 items:\n\nhttps://github.com/user-attachments/assets/f5c6b264-52a5-4d8b-b015-242e36d91fdb\n\nThis happens in two cases:\n\n1. When selecting an item the searchTerm gets resetted, the items-array changes and the selected item is no more in it -> Select menu label becomes empty\n2. When an item is selected, but searching for other items that dont include seleced item -> Select menu label becomes empty\n\n### Reproduction\n\nAlso reproducable in the docs:\nhttps://ui.nuxt.com/components/select-menu#with-ignore-filter\n\nhttps://github.com/user-attachments/assets/ec3065bb-7cc2-4976-9dde-da99dd2311b6\n\nHere case 1 never happens because the jsonplaceholder-api only has just 5 user-items so the selected user is always in the default empty search result. BUT case 2 happens: Select a user, open select again, type in any other name that doesnt include first user -> Select menu label becomes empty (weirdly tho, the avatar stays)",[3249,3250,3251],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},4582,"SelectMenu with fetched items (ignore-filter) doesnt remember current selection","2025-08-14T09:04:53Z","https://github.com/nuxt/ui/issues/4582",0.70350665,["Reactive",3258],{},["Set"],["ShallowReactive",3261],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOiAfN8ZE6rOCeKOx7XQMtXVs7yiuRVxO_SKaXkU6CZg":-1},"/nuxt/ui/4757"]