",[3187,3190],{"name":3188,"color":3189},"pending triage","E99695",{"name":3191,"color":3192},"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":3201,"labels":3202,"number":3203,"owner":3194,"repository":3204,"state":3195,"title":3205,"updated_at":3206,"url":3207,"score":3208},"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":3210,"number":3217,"owner":3194,"repository":3194,"state":3218,"title":3219,"updated_at":3220,"url":3221,"score":3222},[3211,3214],{"name":3212,"color":3213},"3.x","29bc7f",{"name":3215,"color":3216},"bug","d73a4a",12091,"closed","Logo in readme update","2023-01-19T15:54:20Z","https://github.com/nuxt/nuxt/issues/12091",0.68562806,{"description":3224,"labels":3225,"number":3235,"owner":3194,"repository":3236,"state":3218,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### 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_",[3226,3229,3232],{"name":3227,"color":3228},"enhancement","a2eeef",{"name":3230,"color":3231},"v3","49DCB8",{"name":3233,"color":3234},"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":3242,"labels":3243,"number":3247,"owner":3194,"repository":3248,"state":3218,"title":3249,"updated_at":3250,"url":3251,"score":3252},"Example: https://www.raycast.com/nhojb/brew",[3244],{"name":3245,"color":3246},"design","00bd6f",673,"nuxt.com","[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7272342,{"description":3254,"labels":3255,"number":3260,"owner":3194,"repository":3236,"state":3218,"title":3261,"updated_at":3262,"url":3263,"score":3264},"### Description\n\nCan components be imported manually in Vue projects",[3256,3259],{"name":3257,"color":3258},"question","d876e3",{"name":3230,"color":3231},3340,"Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.7294581,{"description":3185,"labels":3266,"number":3269,"owner":3194,"repository":3270,"state":3218,"title":3196,"updated_at":3271,"url":3272,"score":3273},[3267],{"name":3191,"color":3268},"9F4F33",996,"cli","2025-08-09T15:11:25Z","https://github.com/nuxt/cli/issues/996",0.73189116,{"description":3275,"labels":3276,"number":3282,"owner":3194,"repository":3194,"state":3218,"title":3283,"updated_at":3284,"url":3285,"score":3286},"### 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_",[3277,3280,3281],{"name":3278,"color":3279},"documentation","5319e7",{"name":3212,"color":3213},{"name":3188,"color":3189},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":3288,"labels":3289,"number":3291,"owner":3194,"repository":3194,"state":3218,"title":3292,"updated_at":3293,"url":3294,"score":3295},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[3290],{"name":3212,"color":3213},15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.73544496,{"description":3297,"labels":3298,"number":3301,"owner":3194,"repository":3236,"state":3218,"title":3302,"updated_at":3303,"url":3304,"score":3305},"### 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```",[3299,3300],{"name":3257,"color":3258},{"name":3230,"color":3231},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",3307],{},["Set"],["ShallowReactive",3310],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqf6mZqiIdGnZNSIzdfasyx9eczEE7FO0C6ldiPya778":-1},"/nuxt/test-utils/959"]