\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```",[3083,3084],{"name":3058,"color":3059},{"name":3061,"color":3062},3294,"UCheckbox fieldform support","2025-02-12T19:23:36Z","https://github.com/nuxt/ui/issues/3294",0.6889309,{"description":3091,"labels":3092,"number":3101,"owner":3028,"repository":3028,"state":3065,"title":3102,"updated_at":3103,"url":3104,"score":3105},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.7.1\r\n- CLI Version: 3.7.3\r\n- Nitro Version: 2.6.2\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-mdacer?file=pages%2Findex.vue\n\n### Describe the bug\n\nPages with optional parameters resolved incorrectly\r\n\r\nCurrent behavior:\r\n```\r\npages/optional/[[opt]].vue --> {path: '/optional/:opt?'} (OK)\r\npages/optional/prefix-[[opt]].vue --> {path: '/optional/prefix-:opt?'} (OK)\r\npages/optional/[[opt]]-postfix.vue --> {path: '/optional/:optpostfix?'} (NOT OK)\r\npages/optional/prefix-[[opt]]-postfix.vue --> {path: '/optional/prefix-:optpostfix?'} (NOT OK)\r\n```\r\n\r\nExpected Behavior\r\n```\r\npages/optional/[[opt]].vue --> {path: '/optional/:opt?'}\r\npages/optional/prefix-[[opt]].vue --> {path: '/optional/prefix-:opt?'}\r\npages/optional/[[opt]]-postfix.vue --> {path: '/optional/:opt?-postfix'}\r\npages/optional/prefix-[[opt]]-postfix.vue --> {path: '/optional/prefix-:opt?-postfix'}\r\n```\r\n\r\nPR on the way\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3093,3096,3097,3100],{"name":3094,"color":3095},"3.x","29bc7f",{"name":3041,"color":3042},{"name":3098,"color":3099},"pages","00DFB5",{"name":3044,"color":3045},23069,"Optional params resolved incorrectly","2023-09-11T08:13:26Z","https://github.com/nuxt/nuxt/issues/23069",0.6936696,{"description":3107,"labels":3108,"number":3112,"owner":3028,"repository":3028,"state":3065,"title":3113,"updated_at":3114,"url":3115,"score":3116},"## Desired Outcome\r\nMy goal is to have a `topic/:slug?` route, that would look like the following in a non-nuxt vue project: \r\n\r\n\u003Cimg width=\"675\" alt=\"screen shot 2018-01-17 at 6 21 01 pm\" src=\"https://user-images.githubusercontent.com/11467210/35047449-63b6ab4c-fbb3-11e7-9195-0d7a8bb16416.png\">\r\n\r\ne.g to have a slug as an **optional** parameter for the `/topic` route.\r\n\r\n## The Problem\r\nMy `pages` folder looks like this:\r\n\r\n\u003Cimg width=\"194\" alt=\"screen shot 2018-01-24 at 8 55 31 pm\" src=\"https://user-images.githubusercontent.com/11467210/35373096-86796fee-01b6-11e8-8382-e9871c9dca2f.png\">\r\n\r\nHowever, the result is `/topic/:slug` instead of `/topic/:slug?`:\r\n\r\n\u003Cimg width=\"427\" alt=\"screen shot 2018-01-17 at 6 25 51 pm\" src=\"https://user-images.githubusercontent.com/11467210/35047904-dd3cbd2a-fbb4-11e7-815e-f4affe4d324b.png\">\r\n\r\nWhat am I doing wrong? Is it a bug?\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2279\">#c2279\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3109],{"name":3110,"color":3111},"2.x","d4c5f9",2620,"Router :: param doesn't want to be optional","2023-01-18T16:02:23Z","https://github.com/nuxt/nuxt/issues/2620",0.6960857,{"description":3118,"labels":3119,"number":3121,"owner":3028,"repository":3064,"state":3065,"title":3122,"updated_at":3123,"url":3124,"score":3125},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nThe config of the divider component allows to define types:\n\n```\ntype: {\n solid: 'border-solid',\n dotted: 'border-dotted',\n dashed: 'border-dashed',\n},\n```\n\nHowever, the solid type is set by default and can only be changed per Divider component, not globally via config. It would be great to be able to set a custom default type like so:\n\n```\ndefault: {\n border: {\n type: 'dotted',\n },\n},\n```\n\n### Additional context\n\n_No response_",[3120],{"name":3019,"color":3074},2398,"Define default type for Divider","2024-10-19T12:19:23Z","https://github.com/nuxt/ui/issues/2398",0.7044241,{"description":3127,"labels":3128,"number":3134,"owner":3028,"repository":3064,"state":3065,"title":3135,"updated_at":3136,"url":3137,"score":3138},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nSee below\n\n### Description\n\nHey,\n\nIn UI2 when placing a UAvatar (which often is done for a user dropdown) in the DropdownMenu - clicking the Dropdown menu would trigger opening the dropdown.\nBased on UI3 docs it seems that it should work since it says Button or any other element - however this doesnt work\n\n### Additional context\n\n```ts\n\u003CUDropdownMenu :items=\"accountItems\">\n \u003CUAvatar\n v-if=\"session && session.user\"\n :src=\"session.user.image ? session.user.image : undefined\"\n :alt=\"session.user.name\"\n size=\"md\"\n />\n\u003C/UDropdownMenu>\n```\n\n### Logs\n\n```shell-script\n\n```",[3129,3130,3133],{"name":3041,"color":3042},{"name":3131,"color":3132},"needs reproduction","CB47CF",{"name":3061,"color":3062},3546,"`UAvatar` doesn't trigger `UDropdownMenu`","2025-03-28T17:43:01Z","https://github.com/nuxt/ui/issues/3546",0.71504533,{"labels":3140,"number":3145,"owner":3028,"repository":3028,"state":3065,"title":3146,"updated_at":3147,"url":3148,"score":3149},[3141,3142],{"name":3094,"color":3095},{"name":3143,"color":3144},"pending triage","E99695",14292,"Respect dynamic params when calling `refresh()` returned by `useFetch`","2023-01-19T17:32:45Z","https://github.com/nuxt/nuxt/issues/14292",0.7183271,["Reactive",3151],{},["Set"],["ShallowReactive",3154],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fe7m8PXXktu75Gvqwg5m2P5qoDvFYwfGIHBss7sV5E_0":-1},"/nuxt/ui/3933"]