\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_",[2015,2017,2020],{"name":1985,"color":2016},"a2eeef",{"name":2018,"color":2019},"v3","49DCB8",{"name":2021,"color":2022},"triage","ffffff",3631,"ui","Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7363342,{"description":2030,"labels":2031,"number":2035,"owner":1988,"repository":2024,"state":1990,"title":2036,"updated_at":2037,"url":2038,"score":2039},"### 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_",[2032],{"name":2033,"color":2034},"bug","d73a4a",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.73673177,{"labels":2041,"number":2044,"owner":1988,"repository":1988,"state":1990,"title":2045,"updated_at":2046,"url":2047,"score":2048},[2042,2043],{"name":2002,"color":2003},{"name":2033,"color":2034},12091,"Logo in readme update","2023-01-19T15:54:20Z","https://github.com/nuxt/nuxt/issues/12091",0.7389106,{"description":2050,"labels":2051,"number":2055,"owner":1988,"repository":1988,"state":1990,"title":2056,"updated_at":2057,"url":2058,"score":2059},"### Environment\n\nThis bug relates to the documentation. \n\n### Reproduction\n\nThis bug relates to the documentation. \n\n### Describe the bug\n\nInside docs examples on [Guide -> Directory Structure -> server/](https://nuxt.com/docs/guide/directory-structure/server) the multiline code blocks are missing opening `{` for the arrow functions. This causes copy pastes to be broken.\r\n\r\nI initially thought this would just be a typo inside the markdown file, but the content itself appears to be fine. This leads me to believe that this is an issue with the code highlighting, possibly, but I'm not 100% sure.\r\n\r\n\r\n\r\nhttps://github.com/nuxt/framework/edit/main/docs/content/1.docs/2.guide/2.directory-structure/1.server.md\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2052,2053,2054],{"name":1999,"color":2000},{"name":2002,"color":2003},{"name":2005,"color":2006},15546,"Docs code examples broken, missing \"{\"","2023-01-19T17:53:56Z","https://github.com/nuxt/nuxt/issues/15546",0.7390892,{"description":2061,"labels":2062,"number":2066,"owner":1988,"repository":2024,"state":1990,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Description\r\n\r\nWe use Directus for content. I want to execute a fetch when using the Pagination component but can't figure out how to.\r\n\r\nClicking on a button update the url but it's not reloading the page so `pageNum` is not updated. Is there emits from the component I can use?\r\n\r\nThanks.\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport type { Article } from '~/types'\r\n\r\nconst route = useRoute()\r\n\r\nconst pageNum = ref(Number(route.query.page ?? 1))\r\nconst maxPages = ref(0)\r\nconst ARTICLES_PER_PAGE = 2\r\n\r\nconst url = ref(/* url to Directus */)\r\n\r\nconst { data: rawArticles, error, execute } = await useFetch(() => url.value)\r\nif (error.value)\r\n console.error(error.value)\r\n\r\nmaxPages.value = Math.ceil(Number(rawArticles.value?.meta?.filter_count ?? 1) / ARTICLES_PER_PAGE)\r\nconst articles: Article[] = ref(rawArticles.value.data)\r\n\r\nwatch(route, () => {\r\n console.log(route.path)\r\n console.log(pageNum.value)\r\n execute()\r\n})\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CUContainer>\r\n \u003CUPageBody>\r\n \u003CUBlogList>\r\n \u003CUBlogPost [...] />\r\n \u003C/UBlogList>\r\n\r\n \u003CUPagination\r\n size=\"sm\"\r\n :model-value=\"pageNum\"\r\n :total=\"maxPages\"\r\n :page-count=\"1\"\r\n show-last\r\n show-first\r\n :to=\"(page: number) => ({\r\n query: { page },\r\n // Hash is specified here to prevent the page from scrolling to the top\r\n hash: '#links',\r\n })\"\r\n @on-click-page=\"(e) => { console.log('current page', e); execute() }\"\r\n />\r\n \u003C/UPageBody>\r\n \u003C/UContainer>\r\n\u003C/template>\r\n```",[2063],{"name":2064,"color":2065},"question","d876e3",2190,"[Pagination] emits on buttons?","2024-09-12T12:33:01Z","https://github.com/nuxt/ui/issues/2190",0.73935145,{"description":2072,"labels":2073,"number":2080,"owner":1988,"repository":2024,"state":1990,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@9.0.0\r\n- Builder: -\r\n- User Config: app, runtimeConfig, stripe, devtools, modules, gtag, supabase, imports, i18n, colorMode, vue, vite\r\n- Runtime Modules: @nuxtjs/i18n@8.3.1, @nuxtjs/supabase@1.2.1, @nuxt/ui@2.15.2, nuxt-svgo@4.0.0, nuxt-lodash@2.5.3, nuxt-gtag@2.0.5, @nuxtjs/google-fonts@3.2.0, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxt/image@1.6.0, @vueuse/nuxt@10.9.0, @unlok-co/nuxt-stripe@3.0.0\r\n- Build Modules: -\r\n\r\n### Version\r\n\r\n2.15.2\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-pqemsg?file=app.vue\r\n\r\n### Description\r\n\r\nWeird behavior with modals on mobile devices(with tap event)\r\nWhen I have modal opened with `prevent-close` attr, I cannot click anything inside modal.\r\nIn element inspection I notice that `touch-action: auto;` adds to clicked elements.\r\n\r\nInitially I noticed this bug on my project.\r\nBy default I have modal opened on the page with prevent close attr, and when I opened another modal, on mobile devices the actions inside second modal were blocked.\r\nBut during creation of reproduction, I've noticed that button don't respond even in the first modal(on mobile device)\r\n\r\nI was able to fix it(in my project), by closing the first modal.\r\nBut it's weird because on desktops everything works fine\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2074,2075,2077],{"name":2033,"color":2034},{"name":2076,"color":2022},"wontfix-v2",{"name":2078,"color":2079},"upstream","78bddb",1746,"On mobile device can't click inside items of modal if multiple are open","2025-03-28T17:57:30Z","https://github.com/nuxt/ui/issues/1746",0.7459333,{"description":2086,"labels":2087,"number":2091,"owner":1988,"repository":1988,"state":1990,"title":2092,"updated_at":2093,"url":2094,"score":2095},"\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>",[2088],{"name":2089,"color":2090},"2.x","d4c5f9",3421,"build error","2023-01-18T16:24:02Z","https://github.com/nuxt/nuxt/issues/3421",0.7487588,{"description":2097,"labels":2098,"number":2102,"owner":1988,"repository":1988,"state":1990,"title":2103,"updated_at":2104,"url":2105,"score":2106},"Noticed this in development. \r\nLooks like we may need to adapt this solution.\r\n\r\nset a heartbeat for hot middleware\r\nhttps://github.com/vuejs-templates/webpack/issues/731\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c986\">#c986\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2099,2101],{"name":1985,"color":2100},"8DEF37",{"name":2089,"color":2090},1121,"ERR_INCOMPLETE_CHUNKED_ENCODING","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1121",0.7497139,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"2kePVexjjw9wFmf756snO_zhst5fWhlXItAGsQPfcqs":-1},"/nuxt/test-utils/918"]