\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_",[2929,2932,2935],{"name":2930,"color":2931},"enhancement","a2eeef",{"name":2933,"color":2934},"v3","49DCB8",{"name":2936,"color":2937},"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":2945,"labels":2946,"number":2950,"owner":2905,"repository":2951,"state":2921,"title":2952,"updated_at":2953,"url":2954,"score":2955},"Example: https://www.raycast.com/nhojb/brew",[2947],{"name":2948,"color":2949},"design","00bd6f",673,"nuxt.com","[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7272342,{"description":2957,"labels":2958,"number":2963,"owner":2905,"repository":2939,"state":2921,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Description\n\nCan components be imported manually in Vue projects",[2959,2962],{"name":2960,"color":2961},"question","d876e3",{"name":2933,"color":2934},3340,"Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.7294581,{"description":2969,"labels":2970,"number":2978,"owner":2905,"repository":2905,"state":2921,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### 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_",[2971,2974,2975],{"name":2972,"color":2973},"documentation","5319e7",{"name":2915,"color":2916},{"name":2976,"color":2977},"pending triage","E99695",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":2984,"labels":2985,"number":2987,"owner":2905,"repository":2905,"state":2921,"title":2988,"updated_at":2989,"url":2990,"score":2991},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[2986],{"name":2915,"color":2916},15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.73544496,{"description":2993,"labels":2994,"number":2997,"owner":2905,"repository":2939,"state":2921,"title":2998,"updated_at":2999,"url":3000,"score":3001},"### 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```",[2995,2996],{"name":2960,"color":2961},{"name":2933,"color":2934},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,{"description":3003,"labels":3004,"number":3008,"owner":2905,"repository":2905,"state":2921,"title":3009,"updated_at":3010,"url":3011,"score":3012},"Is there any documentation for the new release candidate?\r\nAnd is the main build tool now rollup? Or why are webpack packages in the dependencies?",[3005],{"name":3006,"color":3007},"2.x","d4c5f9",1165,"migration guide / breaking changes | from 1.0.0-alpha.4 to 1.0.0-rc1","2023-01-18T15:40:53Z","https://github.com/nuxt/nuxt/issues/1165",0.74163306,{"description":3014,"labels":3015,"number":3018,"owner":2905,"repository":2939,"state":2921,"title":3019,"updated_at":3020,"url":3021,"score":3022},"### Description\n\nThe Nuxt UI v2 dropdown has the option to open on hover or click. In v3 the only option available is click. \n\n\n\n### Additional context\n\n_No response_",[3016,3017],{"name":2930,"color":2931},{"name":2933,"color":2934},3322,"[DropdownMenu] (v3) missing mode prop for hover/click","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3322",0.7424124,["Reactive",3024],{},["Set"],["ShallowReactive",3027],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqf6mZqiIdGnZNSIzdfasyx9eczEE7FO0C6ldiPya778":-1},"/nuxt/test-utils/959"]