\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```",[2894,2897,2898],{"name":2895,"color":2896},"bug","d73a4a",{"name":2880,"color":2881},{"name":2883,"color":2884},3821,"closed","Table is not reactive","2025-04-08T10:36:33Z","https://github.com/nuxt/ui/issues/3821",0.7363383,{"description":2906,"labels":2907,"number":2910,"owner":2866,"repository":2886,"state":2900,"title":2911,"updated_at":2912,"url":2913,"score":2914},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.37\n- Builder: -\n- User Config: components, css, extends, modules, ui, supabase, i18n, app, mapbox, runtimeConfig, compatibilityDate\n- Runtime Modules: nuxt-mapbox@1.6.1, @nuxt/image@1.9.0, @nuxt/ui@3.0.0-alpha.10, @nuxtjs/supabase@1.4.5, @vueuse/nuxt@10.11.1, @nuxtjs/i18n@8.5.6, @vueuse/motion/nuxt@2.2.6 \n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/quizzical-wood-ntyxty\n\n### Description\n\nwhen a child item at the second level has more than three levels of nested children, the collapse button for that second-level item stops working.\n\nI'm using the following code snippet:\nIs this a known limitation of the UNavigationMenu component, or could it be a bug?\n\nI would greatly appreciate any guidance on how to resolve this issue and ensure the collapse \nTypeScript\n```\n\u003Cscript setup lang=\"ts\">\n const items = ref([\n {\n label: 'Home',\n icon: 'i-tabler-home',\n description: 'Fully styled and customizable components for Nuxt.',\n children: [\n {\n label: 'Introduction 2',\n description: 'Fully styled and customizable components for Nuxt.',\n icon: 'i-lucide-house',\n children: [\n {\n label: 'Getting Started 3',\n description: 'Learn how to get started with Reka UI.',\n icon: 'i-tabler-star',\n to: '/',\n },\n {\n label: 'Installation 3',\n description: 'Learn how to get started with Reka UI in your Nuxt project.',\n icon: 'i-lucide-house',\n to: '/',\n },\n ],\n },\n ],\n },\n ])\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n color=\"neutral\"\n :ui=\"{\n link: 'group relative flex items-center gap-2 px-3 py-2 font-bold rounded-md text-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75',\n }\"\n />\n\u003C/template>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2908,2909],{"name":2895,"color":2896},{"name":2880,"color":2881},3069,"UNavigationMenu I'm facing an issue with the collapse functionality of my nested navigation menu.","2025-01-25T12:56:13Z","https://github.com/nuxt/ui/issues/3069",0.7484883,{"description":2916,"labels":2917,"number":2920,"owner":2866,"repository":2921,"state":2900,"title":2922,"updated_at":2923,"url":2924,"score":2925},"- [x] Move Revue contacts\n- [x] Subscribe form to contact Sendgrid API",[2918],{"name":2877,"color":2919},"1ad6ff",1104,"nuxt.com","Migrate newsletter to SendGrid","2023-01-10T15:04:54Z","https://github.com/nuxt/nuxt.com/issues/1104",0.75179166,{"description":2927,"labels":2928,"number":2932,"owner":2866,"repository":2886,"state":2900,"title":2933,"updated_at":2934,"url":2935,"score":2936},"### 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_",[2929,2930,2931],{"name":2877,"color":2878},{"name":2880,"color":2881},{"name":2883,"color":2884},3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7562734,{"labels":2938,"number":2947,"owner":2866,"repository":2866,"state":2900,"title":2948,"updated_at":2949,"url":2950,"score":2951},[2939,2941,2944],{"name":2940,"color":2884},"stale",{"name":2942,"color":2943},"pending triage","E99695",{"name":2945,"color":2946},"2.x","d4c5f9",10163,"components dir “~assets” require image cant work normal","2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10163",0.75685287,{"description":2953,"labels":2954,"number":2955,"owner":2866,"repository":2921,"state":2900,"title":2956,"updated_at":2957,"url":2958,"score":2959},"- [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,"Marketing Update","2023-07-04T10:00:31Z","https://github.com/nuxt/nuxt.com/issues/1305",0.76057786,{"description":2961,"labels":2962,"number":2963,"owner":2866,"repository":2921,"state":2900,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Environment\n\n- All current versions of Chrome, Firefox, and Edge\n\n### Reproduction\n\n1. Go to the [introduction page](https://nuxt.com/docs/getting-started/introduction)\r\n2. Click on any other page on the left sidebar\r\n3. Click on any section in the right table of contents\r\n4. Go back to the introduction page\r\n\r\n\r\n\n\n### Describe the bug\n\nNo idea what's going on since the Docs repo isn't available yet.\r\n\r\nIn Firefox this throws `\"TypeError: e.value is null\"` while on Chrome/Edge it's `\"TypeError: Cannot read properties of null (reading 'querySelectorAll')\"`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1224,"[Docs] introduction page throws an error after navigation","2023-10-10T14:45:11Z","https://github.com/nuxt/nuxt.com/issues/1224",0.76308036,{"labels":2969,"number":2973,"owner":2866,"repository":2866,"state":2900,"title":2974,"updated_at":2975,"url":2976,"score":2977},[2970,2971,2972],{"name":2940,"color":2884},{"name":2942,"color":2943},{"name":2945,"color":2946},7892,"Create New App using Yarn create nuxt-app works in dev mode but fail after being published to firebase hosting","2023-01-22T15:36:07Z","https://github.com/nuxt/nuxt/issues/7892",0.7641352,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fr0UvsExua5kJQSjKQVh8_ntAZtqlOi8YXFKJoTD4YUw":-1},"/nuxt/ui/2058"]