` tags should not be treated as an alias of `:value`. Firstly, because it's a directive. In essence, a function. In some cases, it has the same effect as \r\n```html\r\n\u003Cinput :value=\"text\"\r\n @input=\"event => text = event.target.value />\r\n```\r\nbut not in all cases (e.g: `type`s of `'checkbox' | 'radio'`, where `v-model` can be set to a selection array and `:value` points the individual item).\r\n\r\n### Additional context\r\n\r\nThe bug can be circumvented:\r\n```html\r\n\u003Cinput\r\n v-model=\"selection\"\r\n v-bind=\"{ value: option, type }\"\r\n/>\r\n```\r\nor ignored:\r\n```html\r\n\u003Cinput\r\n v-model=\"selection\"\r\n :data-foo=\"/* ts-ignore */\"\r\n :value=\"option\"\r\n :type=\"type\"\r\n/>\r\n```\r\nbut that doesn't change the fact the type definition for `v-model` directive is wrong.\r\n___\r\nInitially encountered it on [SO](https://stackoverflow.com/questions/75452800/typescript-error-on-input-value-in-template-loop-through-object-keys-in-vue-3-n) (I'm tao in that discussion - I thought it would be a good idea if I reported the bug back to you).\r\n\r\n### Logs\r\n\r\n_No response_",[2908,2911],{"name":2909,"color":2910},"3.x","29bc7f",{"name":2912,"color":2913},"pending triage","E99695",19079,"Type definition for `v-model` directive on native input is wrong","2023-02-16T13:46:32Z","https://github.com/nuxt/nuxt/issues/19079",0.7505813,{"description":2920,"labels":2921,"number":2925,"owner":2877,"repository":2878,"state":2900,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Description\n\nAs the title says, I think it would be nice to introduce a prop named `square` (like the one for the `Button` component) to be able to have a squared badge for those times where you have only the `icon` and not a label.\n\nCan I get this assigned? I would like to open a PR about this :)\n\n### Additional context\n\n_No response_",[2922,2923,2924],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4006,"[Badge] introduce prop `square`","2025-05-13T12:44:24Z","https://github.com/nuxt/ui/issues/4006",0.7517621,{"description":2931,"labels":2932,"number":2936,"owner":2877,"repository":2878,"state":2900,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Description\n\nI want to allow multiple values selection in radio group, but cannot find any prop of way from the documentation\n\n### Additional context\n\n_No response_",[2933,2934,2935],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4143,"Multiple Value selection in radio group","2025-05-13T13:57:53Z","https://github.com/nuxt/ui/issues/4143",0.75573725,{"description":2942,"labels":2943,"number":2947,"owner":2877,"repository":2878,"state":2900,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Description\n\nHello.\n\nWith a modal when it opens the first button present is selected. Is there a way to change selection order or prevent it completely?\nIn exemple below the reset button is pre-selected. \n\nI could reorder buttons instead but I would like no pre-selections instead and prevent users' \"miss-click\". Thanks.\n\n```html\n \u003CUModal v-model=\"dialog\" prevent-close>\n \u003CUCard>\n \u003Cp>Reset data or continue?\u003C/p>\n\n \u003Cdiv class=\"flex justify-between\">\n \u003CUButton color=\"gray\" variant=\"ghost\" @click=\"reset\">\n Delete current data\n \u003CUIcon name=\"i-heroicons-x-mark-20-solid\" class=\"text-red-600\" />\n \u003C/UButton>\n\n \u003CUButton color=\"gray\" variant=\"ghost\" @click=\"continue\">\n Continue\n \u003CUIcon name=\"i-mdi-arrow-right-circle\" class=\"text-primary\" />\n \u003C/UButton>\n \u003C/div>\n \u003C/UCard>\n \u003C/UModal>\n```",[2944],{"name":2945,"color":2946},"question","d876e3",3187,"[V2] How to prevent button pre-selection on UModal?","2025-05-23T15:45:56Z","https://github.com/nuxt/ui/issues/3187",0.76333207,{"description":2953,"labels":2954,"number":2957,"owner":2877,"repository":2958,"state":2900,"title":2959,"updated_at":2960,"url":2961,"score":2962},"Redirect to `/projects` public page instead\n\nBlocked by #403 ",[2955],{"name":2868,"color":2956},"1ad6ff",402,"nuxt.com","Beta page integration `/beta`","2022-06-07T09:41:42Z","https://github.com/nuxt/nuxt.com/issues/402",0.76603377,{"description":2964,"labels":2965,"number":2970,"owner":2877,"repository":2877,"state":2900,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Environment\r\n\r\n```\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\nHere is a minimal reproduction:\r\n[https://stackblitz.com/edit/github-u8yyoy?file=app.vue](https://stackblitz.com/edit/github-u8yyoy?file=app.vue)\r\n\r\n### Describe the bug\r\n\r\n`v-model` is behaving weirdly when a value is already set while mounting the component.\r\n\r\nIn the following example the select box initially shows option `A` then the Component re-renders and shows the correct option `B`. However the selected ref is set to `3` from the beginning according to the output in the console when I'm logging the `selected` ref.\r\n\r\n``` vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cselect v-model=\"selected\">\r\n \u003Coption value=\"2\">A\u003C/option>\r\n \u003Coption value=\"3\">B\u003C/option>\r\n \u003Coption value=\"4\">C\u003C/option>\r\n \u003C/select>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { ref } from 'vue';\r\nconst selected = ref('3');\r\n\u003C/script>\r\n```\r\n\r\nWhen using the `v-bind` directive and `@change`, everything works fine.\r\n\r\n``` vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cselect @change=\"(e) => selectedValue = e.target.value\">\r\n \u003Coption value=\"4\" :selected=\"isSelected('4')\">A\u003C/option>\r\n \u003Coption value=\"5\" :selected=\"isSelected('5')\">B\u003C/option>\r\n \u003Coption value=\"6\" :selected=\"isSelected('6')\">C\u003C/option>\r\n \u003C/select>\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { ref } from 'vue';\r\nconst selected = ref('6');\r\nconst isSelected = (value) => selectedValue.value === value\r\n\u003C/script>\r\n```\r\n\r\nMoreover, this error occurs only when using a select box. Other types of input fields (checkbox, radio button, text input) work. Also when doing the same in plain Vue 3 it works.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2966,2967],{"name":2909,"color":2910},{"name":2968,"color":2969},"upstream","E8A36D",15631,"Select box with v-model updates lazy when mounting the component","2023-01-19T18:30:04Z","https://github.com/nuxt/nuxt/issues/15631",0.7667117,{"description":2976,"labels":2977,"number":2979,"owner":2877,"repository":2878,"state":2900,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nHi,\n\nWould it be possible to add an export of all components ?\n\nSomething like:\n\n```js\nexport * from './components'\n```\n\n### Additional context\n\nI'm trying to display a form field according to its value type (ex: boolean => checkbox, number => range ...).\n\nSadly, it looks like in composition API, one cannot use string for `\u003Ccomponent>` `:is` prop.\n\n```vue\n\u003Ctemplate>\n \u003C!-- This doesn't work -->\n \u003Ccomponent :is=\"typeof value === 'boolean' ? 'u-checkbox' : 'u-input'\" />\n\u003C/template>\n```\n\nApparently, you have to pass the component itself, but I'm unable to import components from Nuxt UI:\n\n```vue\n\u003Cscript setup>\n// This doesn't work\nimport { UCheckbox, UInput } from '@nuxt/ui';\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ccomponent :is=\"typeof value === 'boolean' ? UCheckbox : UInput\" />\n\u003C/template>\n```\n\nI can use `v-if` as a workaround, but it forces me to duplicate a lot of props (class, listeners, model ...) on each component.",[2978],{"name":2868,"color":2869},2891,"Export of every components","2025-01-13T16:32:50Z","https://github.com/nuxt/ui/issues/2891",0.7705586,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcRzgA1MXzY02mTSEnS0ywXu0MJguh0TeGuONhpAI7j4":-1},"/nuxt/ui/4246"]