\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_",[2915,2918,2921],{"name":2916,"color":2917},"enhancement","a2eeef",{"name":2919,"color":2920},"v3","49DCB8",{"name":2922,"color":2923},"triage","ffffff",3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.72041994,{"description":2930,"labels":2931,"number":2933,"owner":2866,"repository":2907,"state":2897,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v22.3.0`\r\n- Nuxt Version: `3.13.1`\r\n- CLI Version: `3.13.1`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `yarn@1.22.22`\r\n- Builder: `-`\r\n- User Config: `compatibilityDate`, `devtools`, `modules`, `plugins`, `runtimeConfig`, `i18n`\r\n- Runtime Modules: `@nuxt/ui@2.18.4`, `@nuxtjs/i18n@8.5.1`\r\n- Build Modules: `-`\r\n\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-jfdc58?file=app.vue,app.config.ts\n\n### Description\n\n## Description\r\nThe Nuxt UI notification component is currently being created and added to the DOM even when no toast has been triggered. This behavior leads to unintended consequences due to the component's z-index:\r\n\r\nThe notification component occupies part of the screen unnecessarily.\r\nIt overlaps other elements on the page due to its z-index, potentially disrupting the user interface.\r\n\r\n## Expected Behavior\r\nThe notification component should only be created and added to the DOM when a toast is actually triggered.\r\n\r\n## Current Behavior\r\nThe notification component is always present in the DOM, regardless of whether a toast has been triggered or not.\r\n\r\n## Steps to Reproduce\r\n\r\n- Implement the Nuxt UI notification component in a project.\r\n- Inspect the DOM without triggering any toasts.\r\n- Observe that the notification component is present and has a z-index applied.\r\n\r\n## Additional Context\r\nThis issue affects the usability and performance of applications using the Nuxt UI notification component. Resolving it would improve both the user experience and the overall efficiency of the component.\r\n\r\n## Possible Solution\r\nConsider implementing a conditional rendering approach where the notification component is only added to the DOM when it's actually needed (i.e., when a toast is triggered).\r\n\u003Cimg width=\"1427\" alt=\"Screenshot 2024-09-04 at 6 29 00 PM\" src=\"https://github.com/user-attachments/assets/da90352f-71e6-4aaf-9bda-7a9e4a3fd056\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2932],{"name":2877,"color":2878},2113,"Notification component created even when toast is not triggered, causing z-index issues","2024-11-09T10:24:37Z","https://github.com/nuxt/ui/issues/2113",0.72750807,{"description":2939,"labels":2940,"number":2941,"owner":2866,"repository":2867,"state":2897,"title":2942,"updated_at":2943,"url":2944,"score":2945},"\r\n",[],28,"ts error ","2022-12-19T15:51:38Z","https://github.com/nuxt/icon/issues/28",0.73096263,{"description":2947,"labels":2948,"number":2949,"owner":2866,"repository":2950,"state":2897,"title":2951,"updated_at":2952,"url":2953,"score":2954},"- [x] Colors & Fonts\n- [x] Landing page (Home)\n- [x] Showcase categories/hero\n- [x] Modules categories/hero\n- [x] Blog categories/hero\n- [x] Support hero/content",[],1305,"nuxt.com","Marketing Update","2023-07-04T10:00:31Z","https://github.com/nuxt/nuxt.com/issues/1305",0.7329983,{"description":2956,"labels":2957,"number":2964,"owner":2866,"repository":2866,"state":2897,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### Environment\r\n\"devDependencies\": {\r\n \"@types/node\": \"^18\",\r\n \"nuxt\": \"3.5.0\"\r\n },\r\n \"dependencies\": {\r\n \"mysql2\": \"^3.3.1\",\r\n \"sass\": \"^1.62.1\",\r\n \"sass-loader\": \"10\"\r\n }\r\n \r\n### Reproduction\r\n{ 15:40:59\r\n _from: 'server',\r\n isapi: '1',\r\n token: '1111111111111111111111111',\r\n host: 'localhost'\r\n} headers\r\n[2023/5/19 15:40:59] request url: /api/hello?a=1&_=1684482059872&_from=server,正常拦截 可以打打日志啥的 15:40:59\r\n{ 15:41:16\r\n cookie: 'rememberMe=true; username=youlang; sidebarStatus=1; password=mpCR99cInCYW75bZGY1mQc9LQLd56+ak3+aRaOGnxJeobrBqz5GKfrS6jn9z2BeBjjv4CPMmAhyfJGcpAbCSUw==; Admin-Token=eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjEwZDg0YjhmLTJiOGUtNDVhYS04Njg4LTNhYTU5OTg0NjgyOSJ9.W0zwL5cN6lqjSjPanoXGf1xYgZ0QIdZ3mnzpfLyB-9nZ4hktx0GZhJgvL2_eYJ5X1qeY_KAl0twb4ZMcEh0cQw; foo=%7B%22a%22%3A86%7D; 1111111111111111111111111; token=1111111111111111111111111; is_login=184',\r\n 'accept-language': 'zh-CN,zh;q=0.9',\r\n 'accept-encoding': 'gzip, deflate, br',\r\n referer: 'http://localhost:3000/home/detail/child2',\r\n 'sec-fetch-dest': 'empty',\r\n 'sec-fetch-mode': 'cors',\r\n 'sec-fetch-site': 'same-origin',\r\n accept: '*/*',\r\n 'sec-ch-ua-platform': '\"Windows\"',\r\n token: '',\r\n 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36',\r\n 'sec-ch-ua-mobile': '?0',\r\n isapi: '1',\r\n _from: 'client',\r\n 'sec-ch-ua': '\"Google Chrome\";v=\"113\", \"Chromium\";v=\"113\", \"Not-A.Brand\";v=\"24\"',\r\n 'cache-control': 'no-cache',\r\n pragma: 'no-cache',\r\n connection: 'close',\r\n host: 'localhost:3000',\r\n 'x-forwarded-for': '::1',\r\n 'x-forwarded-port': '63378',\r\n 'x-forwarded-proto': 'IPv6'\r\n} headers\r\n[2023/5/19 15:41:16] request url: /api/hello?a=1&_=1684482076450&_from=client,正常拦截 可以打打日志啥的 \r\n\r\n\r\n\r\nno\r\n\r\n### Describe the bug\r\n\r\n\r\nuserAsyncData $fetch 在服务端和客户端 同一个请求 headers 有差别,或者说 为啥服务端上的cookies丢失\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2958,2959,2962],{"name":2894,"color":2895},{"name":2960,"color":2961},"pending triage","E99695",{"name":2963,"color":2881},"needs reproduction",20948,"userAsyncData $fetch 在服务端和客户端 同一个请求 headers 有差别,或者说 为啥服务端上的cookies丢失","2023-05-29T08:53:45Z","https://github.com/nuxt/nuxt/issues/20948",0.74174905,{"description":2970,"labels":2971,"number":2975,"owner":2866,"repository":2907,"state":2897,"title":2976,"updated_at":2977,"url":2978,"score":2979},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@1.22.19\n- Builder: -\n- User Config: app, compatibilityDate, devtools, modules, css, runtimeConfig, vuefire\n- Runtime Modules: @nuxt/ui-pro@3.0.2, nuxt-vuefire@1.0.5, @pinia/nuxt@0.10.1\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-lucy-jmlxr4\n\n### Description\n\nTable component is not reactive. Here's a simple example where items are added and removed. The 'num items' is updating in the view. However, the table does not remove nor add items.\n\n``` vue\n\u003Ctemplate>\n {{ data.length }} num items\n \u003CUTable :data=\"data\" />\n \u003CUButton label=\"Delete\" @click=\"deleteItem\" />\n \u003CUButton label=\"Add\" @click=\"addItem\" />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nfunction deleteItem() {\n const randomIndex = Math.floor(Math.random() * data.value.length);\n data.value.splice(randomIndex, 1);\n}\n\nfunction addItem() {\n data.value.push({\n id: Math.floor(Math.random() * 10000).toString(),\n });\n}\n\nconst data = ref([\n {\n id: \"4600\",\n },\n {\n id: \"4599\",\n },\n {\n id: \"4598\",\n },\n {\n id: \"4597\",\n },\n {\n id: \"4596\",\n },\n]);\n\u003C/script>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2972,2973,2974],{"name":2877,"color":2878},{"name":2919,"color":2920},{"name":2922,"color":2923},3821,"Table is not reactive","2025-04-08T10:36:33Z","https://github.com/nuxt/ui/issues/3821",0.7493728,["Reactive",2981],{},["Set"],["ShallowReactive",2984],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6o_GC0D0on2iIObbNYIeqCpL7aFfyWbSRzKuxmVnwbg":-1},"/nuxt/ui/2151"]