\n \u003C/template>\n \u003CUButton\n label=\"Open\"\n color=\"neutral\"\n variant=\"subtle\"\n trailing-icon=\"i-lucide-chevron-down\"\n block\n />\n \u003C/UCollapsible>\n\n### Additional context\n\n_No response_",[3019,3022,3025],{"name":3020,"color":3021},"enhancement","a2eeef",{"name":3023,"color":3024},"v3","49DCB8",{"name":3026,"color":3027},"triage","ffffff",4146,"nuxt","ui","open","Can we add a reverse prop for collapsible.","2025-05-13T21:49:55Z","https://github.com/nuxt/ui/issues/4146",0.7792394,{"description":3037,"labels":3038,"number":3043,"owner":3029,"repository":3030,"state":3031,"title":3044,"updated_at":3045,"url":3046,"score":3047},"### Description\n\nI have read the documentation of the table expanded and TanStack expanded, but I'm not able to figure out how to use it for expanding one row and collapsing another, or use a button to collapse all rows on the table header for an example, \n\n```\n onClick: () => { expanded.value ={}, row.toggleExpanded()}\n```\n\nI tried to modify the onClick function from the docs example to reset the expanded object or trigger something like `row.autoResetExpanded` from the original table docs but I could not get it to work, \n\nAppreciate any hints or guides",[3039,3042],{"name":3040,"color":3041},"question","d876e3",{"name":3023,"color":3024},4526,"Table Expanded One row collapses others ( one at a time )","2025-07-14T12:07:43Z","https://github.com/nuxt/ui/issues/4526",0.7851595,{"description":3049,"labels":3050,"number":3053,"owner":3029,"repository":3030,"state":3031,"title":3054,"updated_at":3055,"url":3056,"score":3057},"### Description\n\nHi folks\n\nWhen I have nested children in my navigation bar and I toggle the compact button, the first-level child appears as a popup, but the second-level child does not. how to make it work ?\n\nNot compact sidebar\n\u003Cimg width=\"226\" height=\"448\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/bd97efbc-36a0-43af-9cb8-1012da4e2bb7\" />\n\nCompact sidebar upon hovering\n\n\u003Cimg width=\"278\" height=\"458\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/df602a26-f92e-42d6-a346-67e0cefbe251\" />\n\n\u003CUNavigationMenu\n :items=\"MENU_ITEMS\"\n :collapsed=\"isToggle\"\n tooltip\n popover\n orientation=\"vertical\"\n :unmount-on-hide=\"false\"\n class=\"overflow-y-auto custom-scrollbar px-2 py-2 flex-2\"\n >\n \u003C/UNavigationMenu>\n\nheres my MENU ITEMS:\nexport const MENU_ITEMS: NavigationMenuItem[] = [\n { label: 'Navigation', type: 'label' },\n {\n label: 'Transaction',\n icon: 'i-material-symbols:inventory',\n children: [\n {\n label: 'GL POS Sales Amount',\n icon: 'i-material-symbols:article-shortcut-outline',\n children: [\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/pos-gl',\n },\n ],\n },\n {\n label: 'GL POS Sales Quantity',\n icon: 'i-material-symbols:inventory',\n children: [\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/pos-inventory',\n },\n ],\n },\n {\n label: 'Purchase Order',\n icon: 'i-icon-park-outline:order',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/purchase-order/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/purchase-order/process',\n },\n ],\n },\n {\n label: 'PO Receiving',\n icon: 'i-cuida:box-outline',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/po-receiving/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/po-receiving/process',\n },\n ],\n },\n {\n label: 'AP Invoice',\n icon: 'i-hugeicons:invoice-02',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/ap-invoice/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/ap-invoice/process',\n },\n ],\n },\n {\n label: 'AP Payment',\n icon: 'i-hugeicons:payment-01',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/ap-payment/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/ap-payment/process',\n },\n ],\n },\n ],\n },\n ],\n },\n];\n\n\n\nThank you nuxt ui fam.\n\n",[3051,3052],{"name":3040,"color":3041},{"name":3023,"color":3024},4543,"[UNavigationMenuBar] nested child pop up not appearing","2025-07-17T03:18:41Z","https://github.com/nuxt/ui/issues/4543",0.7983225,{"description":3059,"labels":3060,"number":3063,"owner":3029,"repository":3064,"state":3065,"title":3066,"updated_at":3067,"url":3068,"score":3069},"- Only open the one active when navigating\n\n@SarahM19 can you upload the image for the icon for the collapsible menu?",[3061],{"name":3020,"color":3062},"1ad6ff",1033,"nuxt.com","closed","[DocsAside] Collapse menu ","2023-02-15T12:31:04Z","https://github.com/nuxt/nuxt.com/issues/1033",0.7459774,{"description":3071,"labels":3072,"number":3073,"owner":3029,"repository":3074,"state":3065,"title":3075,"updated_at":3076,"url":3077,"score":3078},"I think @Nuxt/fonts unable to download font meta data behind proxy server. All other tools (npm, pnpm) work fine.\r\n\r\n\r\nError:\r\n```bash\r\n[@nuxt/fonts] ERROR Could not download google font metadata. @nuxt/fonts will not be able to inject @font-face rules for google.\r\n\r\n\r\n[@nuxt/fonts] ERROR Could not download bunny font metadata. @nuxt/fonts will not be able to inject @font-face rules for bunny.\r\n\r\n\r\n[@nuxt/fonts] ERROR Could not download fontshare font metadata. @nuxt/fonts will not be able to inject @font-face rules for fontshare.\r\n```\r\n\r\nSystem info: \r\n```bash\r\nNuxt project info:\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v21.6.2\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.0\r\n- Nitro Version: 2.9.4\r\n- Package Manager: pnpm@8.15.5\r\n- Builder: -\r\n- User Config: build, content, css, devtools, experimental, fonts, image, imports, lodash, modules, nitro, notivue, pinia, postcss, router, routeRules, runtimeConfig, security, seo, ssr, studio, telemetry, typescript, vite, vuetify, vueuse, vue\r\n- Runtime Modules: @nuxt/content@2.12.1, @nuxt/fonts@0.3.0, @nuxt/image@1.4.0, @nuxt/test-utils/module@3.12.0, @nuxthq/studio@1.0.13, @nuxtjs/seo@2.0.0-rc.9, @pinia/nuxt@0.5.1, @sidebase/nuxt-pdf@1.0.0-alpha.0, @vue-email/nuxt@0.8.19, @vueuse/nuxt@10.9.0, notivue/nuxt, nuxt-auth-utils@0.0.20, nuxt-lodash@2.5.3, nuxt-security@1.2.2, vuetify-nuxt-module@0.12.0\r\n- Build Modules: -\r\n------------------------------\r\n```",[],76,"fonts","ERROR: Could not download font metadata","2024-03-20T14:30:12Z","https://github.com/nuxt/fonts/issues/76",0.7690674,{"description":3080,"labels":3081,"number":3085,"owner":3029,"repository":3030,"state":3065,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### Description\n\nIs there any chance we can get option to enable/disable collapsible when collapsed prop is true. v3.0.0-alpha.13 'fixed' NavigationMenu: disable collapsible with collapsed prop, i used nuxt ui since v3.0.0-alpha.12 and thought the collapsible when collapsed was feature.\n\n### Additional context\n\n_No response_",[3082,3083,3084],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},3353,"NavigationMenu: Option to enable collapsible with collapsed prop","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3353",0.76930815,{"description":3091,"labels":3092,"number":3093,"owner":3029,"repository":3094,"state":3065,"title":3095,"updated_at":3096,"url":3097,"score":3098},"```\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.12.3\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.4.0\r\n- Builder: -\r\n- User Config: devtools, ssr, app, primevue, css, modules, swiper, icon, dir, components, srcDir, runtimeConfig, alias, compatibilityDate\r\n- Runtime Modules: @pinia/nuxt@0.5.1, @vueuse/nuxt@10.11.0, nuxt-primevue@3.0.0, @nuxt/icon@1.1.1, @nuxt/eslint@0.3.13, @nuxt/image@1.7.0, nuxt-swiper@1.2.2\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n` ssr: false,`\r\n\r\nicons not working after disabling ssr with latest ` \"@nuxt/icon\": \"^1.1.1\"` update \r\nWith old `\"@nuxt/icon\": \"1.0.0\",` works fine. Im using custom icons, no iconify whatsoever\r\n\r\nicon itself looks like this after update - no content inside svg\r\n```\r\n\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" ssr=\"true\" class=\"_infoIcon_5ybwn_125 _icon_1nxjn_7 _info_1nxjn_12 icon iconify iconify--icon\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\">\u003C/svg>\r\n```\r\n\r\n```\r\n icon: {\r\n fallbackToApi: false,\r\n mode: 'svg',\r\n customCollections: [\r\n {\r\n prefix: 'icon',\r\n dir: './src/shared/components/icons'\r\n }\r\n ]\r\n },\r\n```\r\n\r\nno errors in console or network too",[],205,"icon","icons not working after disabling SSR with latest 1.1.1 update ","2024-07-18T22:45:11Z","https://github.com/nuxt/icon/issues/205",0.78561324,{"description":3100,"labels":3101,"number":3093,"owner":3029,"repository":3105,"state":3065,"title":3106,"updated_at":3107,"url":3108,"score":3098},"### 🐛 The bug\n\nIf you click on something that is meant to trigger the script to load before the app is hydrated, it won't load the script.\r\n\r\nWe need to inject event listeners into the element within the SSR.\n\n### 🛠️ To reproduce\n\n-\n\n### 🌈 Expected behavior\n\n-\t\n\n### ℹ️ Additional context\n\n_No response_",[3102],{"name":3103,"color":3104},"bug","d73a4a","scripts","Mousedown script hydration trigger doesn't work if clicked before app hydration","2024-09-03T10:02:43Z","https://github.com/nuxt/scripts/issues/205",{"description":3110,"labels":3111,"number":3117,"owner":3029,"repository":3030,"state":3065,"title":3118,"updated_at":3119,"url":3120,"score":3121},"### Description\n\nUsing any of the navigation tree components (I'm specifically using the ContentNavigation component), I would expect nested link parent items to be opened automatically to the active page (to give context to the current location in the navigation tree). Currently, the navigation tree just remains closed when a page changes.\n\n### Additional context\n\n_No response_",[3112,3113,3114],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3115,"color":3116},"nuxt/ui-pro","00dc82",4255,"Auto-open to nested active link for page navigation trees","2025-05-30T08:14:13Z","https://github.com/nuxt/ui/issues/4255",0.7893467,{"description":3123,"labels":3124,"number":3125,"owner":3029,"repository":3074,"state":3065,"title":3126,"updated_at":3127,"url":3128,"score":3129},"I have these fonts in my public/font directory:\n\n\nI set my font as a CSS var:\n\n\nI use that var, but with a bold weight:\n\n\nThe bold font is never loaded:\n\n\nRegular font weights and italic style work, but can't get the other weights to load.\n\n",[],343,"Font as a CSS var, not loading other weights","2024-10-23T08:47:08Z","https://github.com/nuxt/fonts/issues/343",0.79005194,["Reactive",3131],{},["Set"],["ShallowReactive",3134],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fUT1tdP2VXnOxwzFh1kdxuGzMkhvvJBsQp2z-W_lCYnU":-1},"/nuxt/nuxt.com/1718"]