\n```",[2001,2002],{"name":1985,"color":1986},{"name":1988,"color":1989},3517,"How To Style NavigationMenu items","2025-03-14T13:01:49Z","https://github.com/nuxt/ui/issues/3517",0.64239454,{"description":2009,"labels":2010,"number":2013,"owner":1991,"repository":1992,"state":1993,"title":2014,"updated_at":2015,"url":2016,"score":2017},"### Description\n\nHi there,\n\nI'm really curious about how Nuxt UI is handling trailing slashes. In the Nuxt Content repo I can see they are using `ufo` to remove the trailing slashes, but in the Nuxt UI repo I can't find how you get rid of it. Even tho I know you can do these things on Vercel and Netlify, I'm curious how you handle it in Nuxt UI.\n\nIn my case, route.path is returning a path with a trailing slash and breaks my `queryCollection`...\n\n```vue\nconst { data: page } = await useAsyncData(\n `${route.path}/.navigation`,\n async () => {\n return await queryCollection('content').path(route.path).first();\n }\n);\n```",[2011,2012],{"name":1985,"color":1986},{"name":1988,"color":1989},3285,"Trailing slashes","2025-02-10T13:25:12Z","https://github.com/nuxt/ui/issues/3285",0.6476982,{"description":2019,"labels":2020,"number":2028,"owner":1991,"repository":1992,"state":1993,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### Description\n\nI’ve been trying to display an avatar with a chip inside a `UCommandPalette` item (and `UButton`, …), but it looks like this use case isn't currently supported. \n\n### Additional context\n\n_No response_",[2021,2024,2025],{"name":2022,"color":2023},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":2026,"color":2027},"triage","ffffff",3827,"[UCommandPalette] Support for avatars with chips in `UCommandPalette` items (and `UButton`, …)","2025-04-08T12:03:29Z","https://github.com/nuxt/ui/issues/3827",0.65085465,{"description":2034,"labels":2035,"number":2045,"owner":1991,"repository":1992,"state":2046,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.17.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.10.0\r\n- Builder: -\r\n- User Config: extends, modules, ui, colorMode, routeRules, devtools, typescript, future, eslint, runtimeConfig, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.5.1, @nuxt/fonts@0.7.2, @nuxt/ui@2.18.4, @vueuse/nuxt@10.11.1\r\n- Build Modules: -\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-9zrfga?file=app.vue\r\n\n\n### Description\n\nHi everyone.\r\nI truly appreciate your work. Many many thanks!!\r\nI'm starting a new project, my first project with \"nuxt\" and \"nuxt ui+pro\" (I liked the dashboard theme).\r\nMaybe I'm doing something wrong, in this case please help me.\r\nOtherwise I think I found an error in the theme of the UDashboardModal component.\r\n\r\nThe background of UDashboardModal does not follow the length of its content in \"mobile view\" (small devide, in this example 400x616).\r\n\r\n\r\n\r\nIn desktop viewport work as expected.\r\n\r\n\r\n\r\nWhat's do you think?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2036,2039,2042],{"name":2037,"color":2038},"bug","d73a4a",{"name":2040,"color":2041},"duplicate","cfd3d7",{"name":2043,"color":2044},"pro","5BD3CB",2220,"closed","Issue Nuxt UI Pro UDashboardModal background ","2024-10-06T18:00:50Z","https://github.com/nuxt/ui/issues/2220",0.5825592,{"description":2052,"labels":2053,"number":2056,"owner":1991,"repository":1992,"state":2046,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### 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.",[2054,2055],{"name":1985,"color":1986},{"name":1988,"color":1989},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.59599423,{"description":2062,"labels":2063,"number":2066,"owner":1991,"repository":1992,"state":2046,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.10.0`\n- Nuxt Version: `3.14.159`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.9.0`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@nuxt/ui@3.0.0-alpha.8`, `nuxt-svgo@4.0.9`\n- Build Modules: `-`\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-h9x1yj\n\n### Description\n\nWhen using the vertical NavigationMenu, `defaultOpen` doesn't work...\n\n\"When orientation is vertical, a [Collapsible](https://ui3.nuxt.dev/components/collapsible) component is used to display children. You can control the open state of each item using the `open` and `defaultOpen` properties.\" - [link here](https://ui3.nuxt.dev/components/navigation-menu#orientation).\n\nPS I tried `open` as well: same issue.\n\n### Additional context\n\n```vue\n\u003Cscript setup lang=\"ts\">\n/* Types */\nimport type { NavigationMenuItem } from '#ui/types';\n\nconst items = ref\u003CNavigationMenuItem[][]>([\n [\n {\n label: 'Menu 1',\n defaultOpen: true, // ! This doesn't work\n open: true, // ! This doesn't work\n children: [\n {\n label: 'Submenu 1',\n to: '/submenu-1',\n },\n {\n label: 'Submenu 2',\n to: '/submenu-2',\n },\n ],\n },\n {\n label: 'Menu 2',\n defaultOpen: true, // ! This doesn't work\n open: true, // ! This doesn't work\n children: [\n {\n label: 'Submenu 1',\n to: '/submenu-1',\n },\n {\n label: 'Submenu 2',\n to: '/submenu-2',\n },\n ],\n },\n ],\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full\">\n \u003CUNavigationMenu orientation=\"vertical\" :items=\"items\" />\n \u003C/div>\n\u003C/template>\n```\n\n### Logs\n\n```shell-script\n\n```",[2064,2065],{"name":2037,"color":2038},{"name":1988,"color":1989},2755,"Veritcal NavigationMenu - `defaultOpen` doesn't work","2024-11-26T10:29:27Z","https://github.com/nuxt/ui/issues/2755",0.6213442,{"description":2072,"labels":2073,"number":2077,"owner":1991,"repository":1992,"state":2046,"title":2078,"updated_at":2079,"url":2080,"score":2081},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.12.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/image@1.8.1, @nuxt/content@2.13.4, @nuxthq/studio@1.1.2, @nuxt/ui-pro@3.0.0-alpha.10, @nuxtjs/plausible@1.2.0, @nuxtjs/seo@2.0.2, @vueuse/nuxt@12.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0.alpha10\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/components/button#loading (example with `loading-auto`)\n\n### Description\n\nWhen using a `UIButton` component with an `@click` event, the cursor does not change to `cursor-pointer`, which may confuse users about the button's clickability.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2074,2075,2076],{"name":2037,"color":2038},{"name":2040,"color":2041},{"name":1988,"color":1989},2940,"`cursor-pointer` is missing on `UButton` with an `@click` event","2025-04-02T09:37:12Z","https://github.com/nuxt/ui/issues/2940",0.62241787,{"description":2083,"labels":2084,"number":2085,"owner":1991,"repository":2086,"state":2046,"title":2087,"updated_at":2088,"url":2089,"score":2090},"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.6356301,{"description":2092,"labels":2093,"number":2097,"owner":1991,"repository":1992,"state":2046,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### 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_",[2094,2095,2096],{"name":2037,"color":2038},{"name":2040,"color":2041},{"name":1988,"color":1989},2421,"Z-Indexes inside Modal / Slideover / Drawer","2024-10-21T10:15:59Z","https://github.com/nuxt/ui/issues/2421",0.6359923,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"jY1JgsG990krlTZhV4z2m9jEdnohB54lKqqHSKEJh5c":-1},"/nuxt/ui/3900"]