\n```",[2027,2028],{"name":2005,"color":2006},{"name":1988,"color":1989},3517,"How To Style NavigationMenu items","2025-03-14T13:01:49Z","https://github.com/nuxt/ui/issues/3517",0.6773001,{"description":2035,"labels":2036,"number":2039,"owner":1994,"repository":1995,"state":2040,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Description\n\ni noticed that NUXT UI / NUXT UI PRO were refactored to use tailwind's new version 3 stuff + radix...\n\ni just went to the tailwind docs today and it looks like they just skipped right past their new version 3 and went to version 4...\n\nany ideas how this effects NUXT UI/PRO? \n\nMy undersanding is that version 3->4 means it was a semver breaking change?",[2037,2038],{"name":2005,"color":2006},{"name":1988,"color":1989},3167,"closed","tailwind version 4..?","2025-01-24T10:17:32Z","https://github.com/nuxt/ui/issues/3167",0.62443244,{"description":2046,"labels":2047,"number":2053,"owner":1994,"repository":1995,"state":2040,"title":2054,"updated_at":2055,"url":2056,"score":2057},"### Environment\n\nI just use the demo component on nuxt ui page\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nI recorded it, you can see my vid:\n\nhttps://github.com/user-attachments/assets/82b444d5-473f-43b3-b26f-55b30cc61184\n\n### Description\n\nIt happens when a select box is opening.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2048,2051,2052],{"name":2049,"color":2050},"bug","d73a4a",{"name":1988,"color":1989},{"name":1991,"color":1992},3261,"I saw some flickering with the select boxes in a form","2025-03-08T13:57:49Z","https://github.com/nuxt/ui/issues/3261",0.62776405,{"description":2059,"labels":2060,"number":2062,"owner":1994,"repository":1995,"state":2040,"title":2063,"updated_at":2064,"url":2065,"score":2066},"### 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",[2061],{"name":2005,"color":2006},3351,"UVerticalNavigation Active","2025-02-19T05:51:40Z","https://github.com/nuxt/ui/issues/3351",0.6388057,{"description":2068,"labels":2069,"number":2070,"owner":1994,"repository":2071,"state":2040,"title":2072,"updated_at":2073,"url":2074,"score":2075},"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.66150147,{"description":2077,"labels":2078,"number":2086,"owner":1994,"repository":1995,"state":2040,"title":2087,"updated_at":2088,"url":2089,"score":2090},"### 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_",[2079,2080,2083],{"name":2049,"color":2050},{"name":2081,"color":2082},"duplicate","cfd3d7",{"name":2084,"color":2085},"pro","5BD3CB",2220,"Issue Nuxt UI Pro UDashboardModal background ","2024-10-06T18:00:50Z","https://github.com/nuxt/ui/issues/2220",0.66375095,{"description":2092,"labels":2093,"number":2096,"owner":1994,"repository":1995,"state":2040,"title":2097,"updated_at":2098,"url":2099,"score":2100},"### 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```",[2094,2095],{"name":2049,"color":2050},{"name":1988,"color":1989},2755,"Veritcal NavigationMenu - `defaultOpen` doesn't work","2024-11-26T10:29:27Z","https://github.com/nuxt/ui/issues/2755",0.66446245,["Reactive",2102],{},["Set"],["ShallowReactive",2105],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"c22kV59Snl9_JHliB_EsSF81tlm841CcunJSZ6YJlg4":-1},"/nuxt/ui/3112"]