\n \u003Cdiv v-if=\"form.errors.email\">{{ form.errors.email }}\u003C/div>\n\n \u003Cbutton type=\"submit\">Submit\u003C/button>\n\u003C/Form>\n```\n\nInstead of configuring how the form validates (e.g. on each change, only after pressing submit, etc) we could use states for each value like Angular does. There the form validates on each change but each value has multiple states like is-pristine, isDirty, isUntouched and by use of those values triggering the visibility of the error messages can be precisely handled. Example:\n\n```vue\n\u003CForm :schema=\"schema\" :state=\"state\" @submit=\"onSubmit\" ref=\"form\">\n \u003Clabel for=\"email\">E-Mail\u003C/label>\n \u003Cinput name=\"email\" type=\"text\" v-model=\"state.email\" />\n \u003Cdiv v-if=\"form.errors.email && form.values.email.dirty\">{{ form.errors.email }}\u003C/div>\n\n \u003Cbutton type=\"submit\" :disabled=\"!form.isValid\">Submit\u003C/button>\n\u003C/Form>\n```",[2887,2888],{"name":2868,"color":2869},{"name":2874,"color":2875},2768,"Release form validation as standalone library","2024-12-16T09:47:15Z","https://github.com/nuxt/ui/issues/2768",0.7410564,{"description":2895,"labels":2896,"number":2900,"owner":2877,"repository":2878,"state":2879,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nCurrently, we are unable to manually trigger the searchable method. Lets assume i have one `USelectMenu` component that list all `Parent` object and a second `USelectMenu` that list all `Children` of the selected `Parent`. Currently, when the `USelectMenu` component i mounted, the search query is executed even if the parent object is not yet selected.\n\nIt would me very useful to be able to manually trigger the search query method to populate the `USelectMenu` options.\n\nIs there any alternative to do it using the current behavior ? Maybe using a `ref` or something ?\n\n### Additional context\n\n_No response_",[2897,2898],{"name":2868,"color":2869},{"name":2899,"color":2872},"triage",2882,"USelectMenu: Manually trigger the search query","2025-05-10T17:19:44Z","https://github.com/nuxt/ui/issues/2882",0.7423268,{"description":2906,"labels":2907,"number":2911,"owner":2877,"repository":2912,"state":2879,"title":2913,"updated_at":2914,"url":2915,"score":2916},"\n\n",[2908],{"name":2909,"color":2910},"bug","ff281a",1053,"nuxt.com","[Support] Expert mail adress don't seems to work","2022-12-07T09:24:07Z","https://github.com/nuxt/nuxt.com/issues/1053",0.7470778,{"description":2918,"labels":2919,"number":2923,"owner":2877,"repository":2912,"state":2879,"title":2924,"updated_at":2925,"url":2926,"score":2927},"Don't we have too many links in Community section compared to `Resources`, `Company`...?",[2920],{"name":2921,"color":2922},"question","ff1ab2",825,"[Community] Too many links","2022-11-17T11:43:46Z","https://github.com/nuxt/nuxt.com/issues/825",0.75461346,{"description":2929,"labels":2930,"number":2934,"owner":2877,"repository":2878,"state":2879,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Environment\n\nNuxt 3.15.4\nNuxt UI https://pkg.pr.new/@nuxt/ui@e7e7585\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.4\n\n### Reproduction\n\n-\n\n### Description\n\nJust noticed the following components work as expected in a fieldForm\n\n```\n \u003CUFormField\n v-if=\"isVisible\"\n :name=\"fieldName\"\n :label=\"field['#title']\"\n :required=\"!!field['#required']\"\n >\n \u003Ctemplate\n v-if=\"descriptionContent && field['#type'] !== 'checkbox'\"\n #description\n >\n \u003Cspan v-html=\"cleanHTML(descriptionContent)\" />\n \u003C/template>\n\n \u003Ccomponent\n v-if=\"resolvedComponent\"\n :is=\"resolvedComponent\"\n :field=\"field\"\n :fieldName=\"fieldName\"\n :state=\"state\"\n />\n\n \u003Ctemplate v-if=\"helpContent\" #help>\n \u003Cspan v-html=\"cleanHTML(helpContent)\" />\n \u003C/template>\n \u003C/UFormField>\n```\n\n ```\n \u003CURadioGroup\n v-model=\"state[fieldName]\"\n :items=\"transformOptions(field['#options'] || {})\"\n orientation=\"horizontal\"\n class=\"w-full\"\n />\n```\n\n```\n \u003CUSelect\n v-model=\"state[fieldName]\"\n placeholder=\"Select\"\n :items=\"transformOptions(field['#options'] || {})\"\n class=\"w-full\"\n />\n\n```\nHowever when using a UCheckbox label and description have to be set here\n\n```\n \u003CUCheckbox\n v-model=\"checkboxValue\"\n :label=\"field['#title']\"\n :description=\"field['#description']\"\n class=\"w-full\"\n @update:model-value=\"props.state[fieldName] = $event\"\n />\n```\n\nSeems like this is a bug or maybe this is by design?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2931,2933],{"name":2921,"color":2932},"d876e3",{"name":2874,"color":2875},3294,"UCheckbox fieldform support","2025-02-12T19:23:36Z","https://github.com/nuxt/ui/issues/3294",0.75636643,{"labels":2940,"number":2950,"owner":2877,"repository":2877,"state":2879,"title":2951,"updated_at":2952,"url":2953,"score":2954},[2941,2944,2947],{"name":2942,"color":2943},"3.x","29bc7f",{"name":2945,"color":2946},"pending triage","E99695",{"name":2948,"color":2949},"needs reproduction","FBCA04",14462,"useLazyFetch with useRoute query not work","2023-01-19T17:35:48Z","https://github.com/nuxt/nuxt/issues/14462",0.7587139,{"description":2956,"labels":2957,"number":2960,"owner":2877,"repository":2878,"state":2879,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Description\n\nI've been trying for some time to disable the external icon as shown here but was unable to, even if target=\"_blank\":\n\u003Cimg width=\"243\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a81dfa32-a8bb-4ec7-9671-006d0161bcef\" />\n\nIn this case, I want to display the icons as below without the external icons, even if the target='_blank':\n\u003Cimg width=\"203\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/d52b4a82-306b-4c69-8117-3a7e8ee6a2ea\" />\n\n\n### Additional context\n\nThe lines responsible identified here:\nhttps://github.com/nuxt/ui/blob/d4653e3c02e877eed1f8762046b2b1f001b2e84b/src/runtime/components/NavigationMenu.vue#L191\nhttps://github.com/nuxt/ui/blob/d4653e3c02e877eed1f8762046b2b1f001b2e84b/src/runtime/components/NavigationMenu.vue#L252",[2958,2959],{"name":2868,"color":2869},{"name":2874,"color":2875},2996,"Ability to disable external icon in NavigationMenu","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/2996",0.7610793,{"description":2966,"labels":2967,"number":2970,"owner":2877,"repository":2878,"state":2879,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Description\n\nHey there!\n\nI am currently doing migration of https://www.nuxt-commerce.dev/ from Nuxt UI 2->3 (it was so good experience - kudos to you!).\n\nI finished migrating almost everything apart from one thing - the Select component that has Nuxt Links inside. Basically the NuxtLink does not seem to work - the page is not changing after clicking (while the selected value is correctly updated to the clicked one. Do you know what could be the issue?\n\nThe code I use looks like this:\n\n```html\n\u003Ctemplate>\n \u003CUSelect\n v-model=\"selected\"\n value-key=\"value\"\n :items=\"selectOptions\"\n >\n {{ selected }}\n \u003Ctemplate #item=\"{ item }\">\n \u003CNuxtLink\n :to=\"`/collection/${item?.to}`\"\n >\n \u003Cp>{{ item?.value }}\u003C/p>\n \u003C/NuxtLink>\n \u003C/template>\n \u003C/USelect>\n\u003C/template>\n\n\n\u003Cscript setup lang=\"ts\">\nconst selectOptions = computed(() => {\n return props.collections?.edges.map(({ node }) => ({\n value: node.title,\n to: node.handle,\n }))\n})\n\nconst selected = ref(\n selectOptions.value?.find(\n option => route.params.handle && option.to === route.params.handle[0],\n )?.value,\n)\n\u003C/script>\n```",[2968,2969],{"name":2921,"color":2932},{"name":2874,"color":2875},3443,"Does Select work with NuxtLink/UI Link?","2025-03-04T09:18:16Z","https://github.com/nuxt/ui/issues/3443",0.7639592,{"description":2976,"labels":2977,"number":2980,"owner":2877,"repository":2877,"state":2879,"title":2981,"updated_at":2982,"url":2983,"score":2984},"### Describe the feature\n\nIn server API When we use `getQuery()` function to parse params from query, it provides type as `QueryValue | QueryValue[]`.\r\nIt would be great if we could provide types to this params.\r\n\r\ncheck below code snippet.\r\n```\r\nexport default defineEventHandler((event) => {\r\n const queries = getQuery(event)\r\n\tconst searchQuery = queries.q\r\n}\r\n``` \r\n\r\nhere the type of searchQuery is `QueryValue | QueryValue[]`, but I want type to be `string | undefined`.It would be great If I could narrow down type to `string | undefined`.currently I am providing types using typeof for every param.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [X] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2978,2979],{"name":2942,"color":2943},{"name":2945,"color":2946},22262,"Allow defining type for getQuery() function via generic","2023-07-21T09:33:42Z","https://github.com/nuxt/nuxt/issues/22262",0.7641738,["Reactive",2986],{},["Set"],["ShallowReactive",2989],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQTXi6YTFDiORioVuRG33wUNzyShrUCE6eKMzSVdJUaI":-1},"/nuxt/nuxt.com/1150"]