\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_",[2066,2067,2070],{"name":2002,"color":2003},{"name":2068,"color":2069},"v3","49DCB8",{"name":1988,"color":1989},3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7695101,{"description":2077,"labels":2078,"number":2082,"owner":1991,"repository":1991,"state":2019,"title":2083,"updated_at":2084,"url":2085,"score":2086},"\r\ndevelopment has no problem but in production this is what happen need help \r\nthanks\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7211\">#c7211\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2079],{"name":2080,"color":2081},"2.x","d4c5f9",3421,"build error","2023-01-18T16:24:02Z","https://github.com/nuxt/nuxt/issues/3421",0.77203137,{"description":2088,"labels":2089,"number":2091,"owner":1991,"repository":1992,"state":2019,"title":2092,"updated_at":2093,"url":2094,"score":2095},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.16.0`\r\n- Nuxt Version: `3.13.0`\r\n- CLI Version: `3.13.1`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `bun@1.1.2`\r\n- Builder: `-`\r\n- User Config: `srcDir`, `compatibilityDate`, `devtools`, `modules`\r\n- Runtime Modules: `@nuxt/ui@2.18.4`, `@nuxt/eslint@0.5.5`, `@pinia/nuxt@0.5.4`, `@nuxt/image@1.8.0`\r\n- Build Modules: `-`\r\n\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-1fp2ap\r\n\r\nplease open Preview in new tab\n\n### Description\n\nI can't change position of UNotifications component because when I pass props it doesn't override tailwind class it just add my classes right to default classes.\r\n\r\nSolution which helped me: \r\nset class which you don't want to unset like this bottom-[unset]\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2090],{"name":1985,"color":1986},2128,"UNotifications position","2024-10-10T10:16:14Z","https://github.com/nuxt/ui/issues/2128",0.7752761,{"description":2097,"labels":2098,"number":2101,"owner":1991,"repository":1992,"state":2019,"title":2102,"updated_at":2103,"url":2104,"score":2105},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: -\n- CLI Version: 3.21.1\n- Nitro Version: -\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.12\n\n### Reproduction\n\nhttps://github.com/nuxt/starter/tree/ui3\n\n### Description\n\nTested both with\n1. the official [nuxt ui v3 starter template](https://github.com/nuxt/starter/tree/ui3)\n2. Following the manual installation steps outlined in https://ui3.nuxt.dev/getting-started/installation/nuxt#use-our-nuxt-starter\n\nAfter a fresh install of the nuxt ui3 starter project (cd7e386) as instructed by the [nuxt documentation](https://ui3.nuxt.dev/getting-started/installation/nuxt#use-our-nuxt-starter), spinning up the dev-server yields errors, rendering the project unusable. Tried with node 20 and 22. Both times, the following error appears:\n\n```\n ERROR Pre-transform error: [@vue/compiler-sfc] Failed to resolve extends base type. 2:44:13 PM\nIf this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:\n\ninterface Props extends /* @vue-ignore */ Base {}\n\nNote: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.\n\n/Users/\u003Csnip>/node_modules/@nuxt/ui/dist/runtime/components/Button.vue\n63 | \n64 | const loadingAutoState = ref(false)\n65 | const formLoading = inject\u003CRef\u003Cboolean> | undefined>(formLoadingInjectionKey, undefined)\n | ^^^^^^^^^^^^^^^^^^^^^^^^^^\n66 | \n | ^\n67 | async function onClickWrapper(event: MouseEvent) {\n | ^^^^^\n Plugin: vite:vue\n File: /Users/\u003Csnip>/node_modules/@nuxt/ui/dist/runtime/components/Button.vue\n```\n\nThe result is a 500er page when visiting localhost in the web browser.\n\nI am aware there were other issues with this error message suggesting to install typescript as a devDependency. I believe this is not the solution here because typescript is already a devDependency in the ui3 starter template. Another suggestion was to add a tsconfig.json. This also already exists in the starter template.\n\nFinally, other people are experiencing the same issue, with multiple people posting the same error message in the official Nuxt Discord.\n\n### Additional context\n\nDiscord questions with the same issue\nhttps://discord.com/channels/473401852243869706/1304812159540396055\nhttps://discord.com/channels/473401852243869706/1334142349026267187\n\n\n### Logs\n\n```shell-script\n\n```",[2099,2100],{"name":1985,"color":1986},{"name":2068,"color":2069},3262,"ui v3 can not be started","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3262",0.7778334,["Reactive",2107],{},["Set"],["ShallowReactive",2110],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"EdawnZyrWpMHLZZ_uJLiLiqfqChsDpVKt4AiY4jDZKo":-1},"/nuxt/nuxt.com/639"]