\n \u003C/div>\n\u003C/template>\n```\n\n### Logs\n\n```shell-script\n\n```",[3063,3064],{"name":3036,"color":3037},{"name":3022,"color":3023},2755,"Veritcal NavigationMenu - `defaultOpen` doesn't work","2024-11-26T10:29:27Z","https://github.com/nuxt/ui/issues/2755",0.65377086,{"description":3071,"labels":3072,"number":3074,"owner":3025,"repository":3026,"state":3027,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### Description\n\nI want to use a UVerticalNavigation component however I want to manage my self who should be active since:\n\n- I don't have any to params\n- I want to stay on the same page but triggering my function on click\n\n\nEg:\n\n```\n \u003CUVerticalNavigation :links=\"links\" >\n \u003C/UVerticalNavigation>\n\n\n const links = [\n {\n label: 'Inbox',\n icon: 'i-heroicons-home',\n click: () => selectFolder('inbox'),\n active: activeFolder.value == 'inbox',\n }, {\n label: 'Drafts',\n icon: 'i-heroicons-pencil',\n click: () => selectFolder('drafts'),\n active: activeFolder.value == 'drafts'\n }, {\n label: 'Outbox',\n icon: 'i-heroicons-envelope',\n click: () => selectFolder('outbox'),\n active: activeFolder.value == 'outbox'\n }, {\n label: 'Sent',\n icon: 'i-heroicons-paper-airplane',\n click: () => selectFolder('sent'),\n active: activeFolder.value == 'sent'\n }, {\n label: 'Spam',\n icon: 'i-heroicons-exclamation-triangle',\n click: () => selectFolder('spam'),\n active: activeFolder.value == 'spam'\n }, {\n label: 'All mails',\n icon: 'i-heroicons-inbox-stack',\n click: () => selectFolder('all'),\n active: activeFolder.value == 'all'\n }\n ]\n\n```\n\nI tried using the activeFOlder.value but it's not updating upon the value change\n\nThank you!\n",[3073],{"name":3019,"color":3020},3351,"UVerticalNavigation Active","2025-02-19T05:51:40Z","https://github.com/nuxt/ui/issues/3351",0.65697956,{"description":3080,"labels":3081,"number":3085,"owner":3025,"repository":3026,"state":3027,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.17.0\n- Nuxt Version: ^3.13.0\n- CLI Version: 3.14.0\n- Package Manager: bun\n- Nuxt Ui: ^3.0.0-alpha.6\n\n\n### Version\n\n3.0.0-alpha.6\n\n### Reproduction\n\n1. Clone https://github.com/malte-baumann/z-index\n2. bun dev (or similar)\n3. Open modal / slideover / drawer\n4. Click on Select / DropdownMenu / InputMenu\n5. See what you don't see\n\n### Description\n\nI opend #2404 recently and noticed some more z-index problems. \nAt least these Components: \n- Select\n- DropdownMenu\n- InputMenu \ndon't have high enough z-indexes inside a Drawer / Modal / Slideover to show their popover contents. \n\n\n\n### Additional context\n\n\n\n\n### Logs\n\n_No response_",[3082,3083,3084],{"name":3036,"color":3037},{"name":3039,"color":3040},{"name":3022,"color":3023},2421,"Z-Indexes inside Modal / Slideover / Drawer","2024-10-21T10:15:59Z","https://github.com/nuxt/ui/issues/2421",0.6572838,{"description":3091,"labels":3092,"number":3094,"owner":3025,"repository":3026,"state":3027,"title":3095,"updated_at":3096,"url":3097,"score":3098},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.11.0\n- Nuxt Version: 3.14.0\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.2\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/eslint@0.5.7, @nuxt/fonts@0.7.2, @nuxt/ui@2.19.0, @vueuse/nuxt@10.11.1, @pinia/nuxt@0.5.5, @pinia-plugin-persistedstate/nuxt@1.2.1, @nuxtjs/i18n@8.5.6, @nuxtjs/tailwindcss@6.12.2, @vite-pwa/nuxt@0.10.6\n- Build Modules: -\n------------------------------\n\n### Version\n\nv.2.19.0\n\n### Reproduction\n\nUpgrade nuxt/ui to latest 2.19.0 version\n\n### Description\n\nSelectMenu component is broken from what it seems to be a mistake in the a merge conflict.\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3093],{"name":3036,"color":3037},2534,"Critical bug in SelectMenu.vue","2024-11-05T16:58:09Z","https://github.com/nuxt/ui/issues/2534",0.65838826,{"description":3100,"labels":3101,"number":3104,"owner":3025,"repository":3026,"state":3027,"title":3105,"updated_at":3106,"url":3107,"score":3108},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.16.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: devtools, compatibilityDate, modules, app, css, colorMode, svgSprite, future, imports, runtimeConfig, ssr\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.13, @nuxt/eslint@1.1.0, @nuxt/icon@1.10.3, @nuxtjs/svg-sprite@1.0.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\n### Description\n\n### Help Nuxt ui 3 table not reactive\n\nWhen I click the button, the table doesn't update. However, when I print the array object, the data is added, but the table still does not update\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\nThank you for help\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3102,3103],{"name":3036,"color":3037},{"name":3022,"color":3023},3377,"UI Table is not reactive","2025-02-27T21:19:42Z","https://github.com/nuxt/ui/issues/3377",0.6594765,{"description":3110,"labels":3111,"number":3114,"owner":3025,"repository":3026,"state":3027,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Description\n\nBefore using `nuxt ui`, I briefly skimmed through the repository and found an already closed issue: [3018](https://github.com/nuxt/ui/issues/3018)\n\nThe error and solution mentioned in this issue (the [v2 documentation](https://ui.nuxt.com/getting-started/installation) indeed did not mention the solution) can actually be resolved by adding `tailwindcss@next` to the `peerDependencies` section in the `package.json` file.\n\nThis is because when [nuxi module add](https://github.com/nuxt/cli/blob/1afc06e8d08ea781fc5fede343de8d68865c2b4e/packages/nuxi/src/commands/module/add.ts#L134) installs a module, it not only installs the module itself but also scans the module package's `peerDependencies`.\n\nFor example, when using `nuxi module add pinia`, since `@pinia/nuxt` has `pinia` listed in its `peerDependencies` in the [package.json](https://github.com/vuejs/pinia/blob/3b21e08b6a068d18112b915b83f702fb5504ab73/packages/nuxt/package.json#L51C4-L51C20), both `@pinia/nuxt` and `pinia` will be automatically installed during the module installation.\n\nIf there are dependencies in `peerDependencies` that you do not want `nuxi module` to install automatically, you can use `peerDependenciesMeta` to ignore them, for [example](https://github.com/atinux/nuxt-auth-utils/blob/6b61b8888e3b3c6f60fd5ff767b7f0aa6cf09fc9/package.json#L57):\n\n```\n\"peerDependenciesMeta\": {\n \"pinia\": {\n \"optional\": true\n }\n },\n```\n\nTherefore, Nuxt UI can specify `tailwindcss@next` in the `peerDependencies` of `package.json`, ensuring Tailwind CSS is automatically installed when the Nuxt UI module is installed.\n\nThis solution applies to both v3 and v2.\n\n> PS: I noticed `typescript` in the `peerDependencies` of the v3 package.json. Is this a necessary dependency similar to `tailwindcss`? If not, after adding tailwindcss, perhaps `peerDependenciesMeta` could be used to ignore it.",[3112,3113],{"name":3019,"color":3020},{"name":3022,"color":3023},3349,"Add \"tailwindcss@next\" to the \"peerDependencies\" section in the package.json file.","2025-02-21T17:05:10Z","https://github.com/nuxt/ui/issues/3349",0.66030115,{"description":3120,"labels":3121,"number":3122,"owner":3025,"repository":3123,"state":3027,"title":3124,"updated_at":3125,"url":3126,"score":3127},"After using `pnpm update` to upgrade vue to 3.4.3, the console throws a lot of `Hydration mismatch`. If I am using vue 3.3.13, no `Hydration mismatch` warnings will be thrown.\r\n\r\n\u003Cimg width=\"1402\" alt=\"SCR-20240103-qagg\" src=\"https://github.com/nuxt/nuxt.com/assets/133459587/188ac1c4-e19a-4570-a5d0-4863c92a7bda\">\r\n",[],1467,"nuxt.com","About vue@3.4.3 causing hydration mismatch","2024-05-03T00:34:36Z","https://github.com/nuxt/nuxt.com/issues/1467",0.6617938,["Reactive",3129],{},["Set"],["ShallowReactive",3132],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6q2P39DumyPDVtAppozsLnUeqcy53uAc3z5SvGUYyag":-1},"/nuxt/ui/2481"]