\n \u003C/UChip>\n\u003C/template>\n````\n\n### Description\n\nHey,\n\nThanks for your great work.\n\nI have noticed this on a few elements in UI3, but especaily here padding just is not right. Yes of course you can change it, but i belive there needs to be some sane defaults across all elements.\n\nText in chip, and even a simple number is almost unreadable see screenshot below. Happy to open a pr or list all other elements where this seems to have happened (one that comes to mind is UAvatar https://github.com/nuxt/ui/issues/3558).\n\n\n\n### Additional context\n\nThis example is directly from the UI website",[2891,2892,2895],{"name":2866,"color":2867},{"name":2893,"color":2894},"v3","49DCB8",{"name":2896,"color":2897},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7858268,{"description":2905,"labels":2906,"number":2911,"owner":2869,"repository":2899,"state":2871,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Description\n\n``` vue.js\n\n\u003Ctemplate>\n \u003Cdiv class=\"mt-4 w-full\">\n \u003CUTable :data=\"combinationRows\" :columns=\"columns\" ref=\"table\">\n \u003Ctemplate #price-cell=\"{ row }\">\n \u003Cp>{{ row.original.price }}\u003C/p>\n \u003CUInput v-model=\"row.original.price\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #promotional-price-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.promotionalPrice\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #inventory-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.inventory\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #warning-inventory-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.warningInventory\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #sku-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.sku\" />\n \u003C/template>\n \u003C/UTable>\n \u003C/div>\n\n \u003Cp>{{ combinationRows }}\u003C/p>\n\u003C/template>\n\n\n\u003Cscript lang=ts setup>\n\nconst columns: TableColumn\u003CCombinationRow>[] = [\n {\n accessorKey: 'color',\n header: 'color'\n },\n {\n accessorKey: 'size',\n header: 'size'\n },\n {\n id: 'price',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Price'), // Header Text\n h(UButton, {\n size: 'xs', \n color: 'neutral',\n variant: 'ghost', \n icon: 'i-hugeicons:copy-01', \n 'aria-label': 'Price information', \n class: 'cursor-pointer', \n \n onclick: () => {\n console.log('Price button clicked');\n\n if (combinationRows.value.length > 0) {\n const firstRowPrice = combinationRows?.value?.[0]?.price ?? '0';\n combinationRows.value.forEach(row => {\n row.price = firstRowPrice;\n });\n triggerRef(combinationRows); // Force table update - important for reactivity\n \n } else {\n console.warn('No rows available to copy price from.');\n }\n }\n },\n )\n ])\n },\n {\n id: 'promotional-price',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'promotional price'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'inventory',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Inventory'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'warning-inventory',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Warning Inventory value'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'sku',\n header: 'SKU number'\n }\n];\n\n\u003C/script>\n```\n\nwhen updating price to all rows in onClick (see onClick for price above) it does not update UInput in all rows\nalthough i can see \u003Cp>{{ combinationRows }}\u003C/p> getting updated. The question is how can i update price to all rows. using v3.0.0-alpha.13",[2907,2910],{"name":2908,"color":2909},"question","d876e3",{"name":2893,"color":2894},3381,"Uinput not updating inside UTable rows","2025-02-23T14:08:33Z","https://github.com/nuxt/ui/issues/3381",0.7940864,{"description":2917,"labels":2918,"number":2924,"owner":2869,"repository":2899,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v20.17.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.5`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `future`, `devtools`, `runtimeConfig`, `pinia`, `imports`, `modules`, `css`\n- Runtime Modules: `@nuxt/ui@3.0.0-beta.3`, `@vueuse/nuxt@12.8.2`, `@pinia/nuxt@0.10.1`, `@nuxt/image@1.9.0`\n- Build Modules: `-`\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.0\n\n### Reproduction\n\n\n\n### Description\n\n\nOk so I have a little problem... Lucide Icons does not seem to load properly even though i have it installed and cached... I recently installed lucide-vue-next with npm to try and fix this but i still have the same problem occuring.\n\nI noticed that the error seems to be coming from the uselectmenu components i am using...\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2919,2920,2923],{"name":2866,"color":2867},{"name":2921,"color":2922},"needs reproduction","CB47CF",{"name":2893,"color":2894},3494,"closed","Lucide Icons fail to load properly","2025-03-11T16:48:58Z","https://github.com/nuxt/ui/issues/3494",0.724117,{"description":2931,"labels":2932,"number":2935,"owner":2869,"repository":2936,"state":2925,"title":2937,"updated_at":2938,"url":2939,"score":2940},"",[2933],{"name":2866,"color":2934},"ff281a",282,"nuxt.com","After publish, default_branch must be selected","2023-02-15T12:31:21Z","https://github.com/nuxt/nuxt.com/issues/282",0.76310116,{"description":2942,"labels":2943,"number":2935,"owner":2869,"repository":2870,"state":2925,"title":2950,"updated_at":2951,"url":2952,"score":2940},"\r\nWhen you click 'Setup' navigation link nothing happend. 'Setup' tab on the left also does not get highlighted.\r\n\r\n",[2944,2947],{"name":2945,"color":2946},"documentation","0075ca",{"name":2948,"color":2949},"v0","4137F6","Documentation. Page api-reference/setup/ suggests navigate to herself","2024-05-01T16:04:38Z","https://github.com/nuxt/test-utils/issues/282",{"description":2954,"labels":2955,"number":2959,"owner":2869,"repository":2899,"state":2925,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Description\n\nThe [migration](https://ui.nuxt.com/getting-started/migration) page should mention that the old implementation of [DatePicker](https://ui2.nuxt.com/components/date-picker#installation) component is no longer correct as it throw an error on v3.\n\n\n\n### Additional context\n\nNew [DatePicker](https://ui.nuxt.com/components/calendar#as-a-datepicker) implementation is different.",[2956,2957,2958],{"name":2880,"color":2881},{"name":2893,"color":2894},{"name":2896,"color":2897},3557,"`DatePicker` v2 migration guide","2025-03-17T16:17:06Z","https://github.com/nuxt/ui/issues/3557",0.7639379,{"description":2965,"labels":2966,"number":2973,"owner":2869,"repository":2936,"state":2925,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Environment\r\n\r\nFirefox Browser on Windows\r\n\r\n### Reproduction\r\n\r\nN/A\r\n\r\n### Describe the bug\r\n\r\nText is aggressively wrapped in `\u003Ccode>` blocks inside a table, so the Lifecycle Hooks page is difficult to read.\r\n\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2967,2970],{"name":2968,"color":2969},"duplicate","cfd3d7",{"name":2971,"color":2972},"responsive","1cd1c6",1400,"Documentation Lifecycle Hooks code blocks is aggresively wrapped","2023-12-08T15:49:41Z","https://github.com/nuxt/nuxt.com/issues/1400",0.7661954,{"description":2979,"labels":2980,"number":2987,"owner":2869,"repository":2869,"state":2925,"title":2988,"updated_at":2989,"url":2990,"score":2991},"### Describe the feature\n\nCurrently, the only place where prerendering is started is here:\r\nhttps://github.com/nuxt/nuxt/blob/9742bffac24fbf9fa279d614ad6bf07b5d85672d/packages/nuxt/src/core/nitro.ts#L380C29-L380C29\r\n\r\nIt is therefore not possible to do prerendering from the CLI without also running the build. It would be a great help to my workflow if I could do the build on one server, copy the files, and do the prerendering on another server.\r\n\r\nThere are many use cases for this:\r\n- Retrying the prerendering step without retrying the build step.\r\n- App code did not change, but the routes returned by the `prerender:routes` have changed, and you only want to update the prerendered pages without updating the build and/or without updating previously prerendered routes.\r\n- Splitting build and prerender steps into different CI steps (e.g. Bitbucket Pipelines, where each step is run sequentially in a separate docker container).\r\n- Splitting up large prerender tasks with thousands of routes into independent steps (e.g. copy the build to separate physical machines, run pre-rendering with a different set of routes on each (the `prerender:routes` hook can figure this out based on environment variables) and merge the results afterwards for deployment).\r\n- Workflows where one person is responsible for building, and another for prerendering.\r\n\r\nWhat I would like to see:\r\n- Clear API and CLI to run `build` and `prerender` separately or together.\r\n- `prerender` will obviously fail if results of `build` is missing.\r\n- `build` may throw away results of previous prerendering, but `prerender` should not touch results of previous build.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] 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).",[2981,2984],{"name":2982,"color":2983},"3.x","29bc7f",{"name":2985,"color":2986},"pending triage","E99695",22261,"Separate the prerendering step from the build step","2023-07-21T09:39:45Z","https://github.com/nuxt/nuxt/issues/22261",0.76865643,["Reactive",2993],{},["Set"],["ShallowReactive",2996],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQlqk1pr913s6PlvK_kSd4H51-Pryd8TWdJC6ES0pA-0":-1},"/nuxt/nuxt.com/1269"]