",[3137,3140],{"name":3138,"color":3139},"pending triage","E99695",{"name":3141,"color":3142},"needs reproduction","FBCA04",32847,"nuxt","open","Incorrect message when updating the version","2025-08-04T07:23:47Z","https://github.com/nuxt/nuxt/issues/32847",0.6984395,{"description":3151,"labels":3152,"number":3153,"owner":3144,"repository":3154,"state":3145,"title":3155,"updated_at":3156,"url":3157,"score":3158},"It would be nice if you could alias and entire collection instead of just an icon.\n\nRight now I do it this way.\n```ts\nconst createIconAliases = (newPrefix: string, iconifyJson: IconifyJSON) => {\n const exisitngPrefix = iconifyJson.prefix;\n const icons = Object.keys(iconifyJson.icons);\n\n return icons.reduce(\n (object, value) => {\n object[`${newPrefix}:${value}`] = `${exisitngPrefix}:${value}`;\n return object;\n },\n {} as Record\u003Cstring, string>,\n );\n};\n```",[],362,"icon","[feature request] Allow aliasing entire collection","2025-02-21T20:10:51Z","https://github.com/nuxt/icon/issues/362",0.73291546,{"labels":3160,"number":3167,"owner":3144,"repository":3144,"state":3168,"title":3169,"updated_at":3170,"url":3171,"score":3172},[3161,3164],{"name":3162,"color":3163},"3.x","29bc7f",{"name":3165,"color":3166},"bug","d73a4a",12091,"closed","Logo in readme update","2023-01-19T15:54:20Z","https://github.com/nuxt/nuxt/issues/12091",0.68562806,{"description":3174,"labels":3175,"number":3185,"owner":3144,"repository":3186,"state":3168,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Description\n\nBreadcrumb uses Link (and LinkBase) to implement the item rendering and navigation. Link (through LinkBase) in itself supports `onClick` event/prop. Now, passing `onClick` to the breadcrumb item does not go all the way through to the LinkBase, and thus prevents the fine-grained control of the Breadcrumb component.\n\nThe usage would look something like this:\n```\n\u003Ctemplate>\n \u003CUBreadcrumb :items=\"items\" />\n\u003C/template>\n\u003Cscript setup>\nconst items = [\n { label: \"click for one\", onClick: () => alert(\"1\"), to: \"/one\" },\n { label: \"click for two\", onClick: () => alert(\"2\"), to: \"/two\" },\n]\n\u003C/script>\n```\n\nMy need is to have some secondary effects happening besides the navigation when the user clicks on a breadcrumb item.\n\n### Additional context\n\n_No response_",[3176,3179,3182],{"name":3177,"color":3178},"enhancement","a2eeef",{"name":3180,"color":3181},"v3","49DCB8",{"name":3183,"color":3184},"triage","ffffff",3631,"ui","Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7189406,{"description":3192,"labels":3193,"number":3197,"owner":3144,"repository":3198,"state":3168,"title":3199,"updated_at":3200,"url":3201,"score":3202},"Example: https://www.raycast.com/nhojb/brew",[3194],{"name":3195,"color":3196},"design","00bd6f",673,"nuxt.com","[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7272342,{"description":3204,"labels":3205,"number":3210,"owner":3144,"repository":3186,"state":3168,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Description\n\nCan components be imported manually in Vue projects",[3206,3209],{"name":3207,"color":3208},"question","d876e3",{"name":3180,"color":3181},3340,"Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.7294581,{"description":3135,"labels":3216,"number":3219,"owner":3144,"repository":3220,"state":3168,"title":3146,"updated_at":3221,"url":3222,"score":3223},[3217],{"name":3141,"color":3218},"9F4F33",996,"cli","2025-08-09T15:11:25Z","https://github.com/nuxt/cli/issues/996",0.73189116,{"description":3225,"labels":3226,"number":3232,"owner":3144,"repository":3144,"state":3168,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Environment\n\n-\n\n### Reproduction\n\nhttps://nuxt.com/modules/tailwindcss\r\nhttps://nuxt.com/modules/nuxt-viewport\n\n### Describe the bug\n\nUsing the light theme we get code highlighting bug\r\n\u003Cimg width=\"1048\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643486-d93875f9-5281-4b09-9ac0-f9c964502058.png\">\r\n\u003Cimg width=\"1046\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643580-8d1c222f-3c4c-456a-b00a-a9746e1bd92e.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3227,3230,3231],{"name":3228,"color":3229},"documentation","5319e7",{"name":3162,"color":3163},{"name":3138,"color":3139},15531,"docs: markdown in modules with light theme are broken","2023-01-19T17:53:18Z","https://github.com/nuxt/nuxt/issues/15531",0.73271334,{"description":3238,"labels":3239,"number":3241,"owner":3144,"repository":3144,"state":3168,"title":3242,"updated_at":3243,"url":3244,"score":3245},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[3240],{"name":3162,"color":3163},15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.73544496,{"description":3247,"labels":3248,"number":3251,"owner":3144,"repository":3186,"state":3168,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nIn my Nuxt 3 project (that uses Nuxt UI `v3.0.0-alpha9`), I have a Vue component like this:\n\n```vue\n\u003Cscript setup lang=\"ts\">\n...\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUContainer class=\"section\">\n ...\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cstyle scoped lang=\"scss\">\n@use \"tailwindcss\";\n\n.section + .section {\n @apply mt-8 lg:mt-12;\n}\n\u003C/style>\n```\n\nThe problem is that `@apply mt-8 lg:mt-12;` doesn't work unless I add this to my `nuxt.config.ts`:\n```\npostcss: {\n plugins: {\n \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n },\n},\n```\n\nHowever, when I do this, the Nuxt UI components stop working properly (e.g., Slideover renders at the bottom of the page and with wrong styling). How can I make the `@apply ...` work without breaking the Nuxt UI components?\n\nThis is my `package.json`:\n```json\n{\n \"name\": \"frontend\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"postinstall\": \"husky install && nuxt prepare\",\n \"dev\": \"nuxt dev\",\n \"build\": \"nuxt build\",\n \"preview\": \"nuxt preview\"\n },\n \"dependencies\": {\n \"@nuxt/ui\": \"^3.0.0-alpha.9\",\n \"nuxt\": \"latest\",\n \"nuxt-svgo\": \"latest\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@commitlint/cli\": \"latest\",\n \"@commitlint/config-conventional\": \"latest\",\n \"husky\": \"latest\",\n \"sass\": \"latest\"\n }\n}\n```\n\nThis is my `nuxt.config.ts`:\n```ts\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: \"2024-04-03\",\n devtools: { enabled: false },\n modules: [\"@nuxt/ui\", \"nuxt-svgo\"],\n css: [\"@/assets/css/main.css\"],\n // postcss: {\n // plugins: {\n // \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n // },\n // },\n appConfig: {\n // https://ui3.nuxt.dev/getting-started/theme#colors\n ui: {\n colors: {\n primary: \"primary\", // Defined in `assets/css/theme.css`\n secondary: \"secondary\", // Defined in `assets/css/theme.css`\n },\n },\n },\n});\n```\n\nThis is my `assets/main.css`:\n```css\n/* https://ui3.nuxt.dev/getting-started/installation/nuxt#import-tailwind-css-and-nuxt-ui-in-your-css */\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```",[3249,3250],{"name":3207,"color":3208},{"name":3180,"color":3181},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.7414285,["Reactive",3257],{},["Set"],["ShallowReactive",3260],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqf6mZqiIdGnZNSIzdfasyx9eczEE7FO0C6ldiPya778":-1},"/nuxt/test-utils/959"]