\n \u003Cspan class=\"flex items-center gap-2 font-semibold text-lg logo\">example\u003C/span>\n \u003C/div>\n \u003C/template>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003Cdiv class=\"flex-1\" />\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"footerLinks\"\n />\n \u003CUSeparator class=\"sticky bottom-0\" />\n \u003Ctemplate #footer>\n \u003Cspan class=\"text-xs text-neutral-500 tracking-tight\">Version {{ useRuntimeConfig().public.version }}\u003C/span>\n \u003C/template>\n \u003C/UDashboardSidebar>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2054,2055,2056],{"name":2014,"color":2015},{"name":1988,"color":1989},{"name":2057,"color":2058},"pro","5BD3CB",3549,"injection \"Symbol(nuxt-ui.locale-context)\" not found","2025-03-18T11:12:44Z","https://github.com/nuxt/ui/issues/3549",0.7494359,{"description":2065,"labels":2066,"number":2069,"owner":1991,"repository":2070,"state":2046,"title":2071,"updated_at":2072,"url":2073,"score":2074},"Noticed that the animation on the timeline does not work properly on mobile (only first item appears) AND we have an issue for the image when navigating on client-side (at least on Safari):\n\nhttps://user-images.githubusercontent.com/904724/180595606-b112686f-b2ce-4686-8be6-0620ab31dac5.MOV\n\nAlso notice the layout shift on reload, might be due to a lack of height specified on images.",[2067],{"name":2014,"color":2068},"ff281a",831,"nuxt.com","[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.7792292,{"description":2076,"labels":2077,"number":2080,"owner":1991,"repository":1992,"state":2046,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8, @nuxtjs/html-validator@1.8.2, @nuxt/image@1.8.1, @nuxt/eslint@0.6.1, @nuxtjs/seo@2.0.0-rc.23\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"@nuxt/ui\": \"3.0.0-alpha.8\",\n\n### Reproduction\n\n\u003C!-- layouts/default.vue -->\n\u003Ctemplate>\n \u003Cdiv class=\"container mx-auto\">\n \u003Cu-breadcrumb :items=\"items \" />\n \u003Cslot>\u003C/slot>\n \u003C/div>\n\u003C/template>\n\n\n\u003Cscript lang=\"ts\" setup>\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst items = useBreadcrumbItems({\n schemaOrg: true,\n});\n\u003C/script>\n\n\n### Description\n\nthis will render the breadcrumbs in a \u003Cdiv> with an aria-label, which is a violation of this rule: https://html-validate.org/rules/aria-label-misuse.html\n\n- Rule ID: aria-label-misuse\n- Category: Accessibility\n- Standards: WCAG 2.2 (A)WCAG 2.1 (A)WCAG 2.0 (A)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n ERROR HTML validation errors found for /song/justice-genesis-1\n\ninline\n 129:21990 error \"aria-label\" cannot be used on this element aria-label-misuse\n\n✖ 1 problem (1 error, 0 warnings)\n\nMore information:\n https://html-validate.org/rules/aria-label-misuse.html\n\n```",[2078,2079],{"name":2014,"color":2015},{"name":1988,"color":1989},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7862663,{"description":2086,"labels":2087,"number":2093,"owner":1991,"repository":1991,"state":2046,"title":2094,"updated_at":2095,"url":2096,"score":2097},"hi @pi0, @danielroe \r\n\r\nis it possible to pass the \"key\" on calling refresh/execute or making the key computed in options?\r\n\r\nIn my case i got a computed header with Authorization and custom key\r\n\r\n`const headers = computed(() => token.value ? { Authorization: `Bearer ${token.value}` } : undefined)`\r\n`const key = hash([opts.baseURL, request, unref(opts.params || opts.query), unref(headers)])`\r\n\r\nso the fetchOptions are reactive and are watched by default. If the token changed on client the initialized key isn't changed.",[2088,2090],{"name":1985,"color":2089},"8DEF37",{"name":2091,"color":2092},"discussion","538de2",21532,"useFetch & useAsyncData reactive key","2025-04-14T16:04:46Z","https://github.com/nuxt/nuxt/issues/21532",0.78722596,{"description":2099,"labels":2100,"number":2104,"owner":1991,"repository":1992,"state":2046,"title":2105,"updated_at":2106,"url":2107,"score":2108},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\n### Description\nHi there,\n\nIn many of the projects I’m working on, I need to display a limited number of items in the command palette when no search is performed and show more items when a search is initiated.\n\nCurrent Issue\nThe `resultLimit` currently controls how many search results are shown, but I want to decouple the initial number of displayed items from the search result limit. Specifically, I want to:\n\n- Display 5 items by default when no search is performed.\n- Increase the number of displayed items to 20 when a search is initiated, controlled by the `resultLimit`, without affecting the initial state.\n- When attempting to conditionally control this behavior using a computed property, the feature does not work as expected.\n\n Versions\n\n@nuxt/ui: ^2.18.2\nnuxt: ^3.12.4\n\nExample\n\n```Javascript\n\u003Ctemplate>\n \u003CUCommandPalette\n command-attribute=\"title\"\n :fuse=\"{\n resultLimit: computedResultLimit\n }\"\n />\n\u003C/template>\n\n\u003Cscript setup>\nconst searchTerm = ref('');\n\nconst computedResultLimit = computed(() => {\n if (!searchTerm.value) {\n return 5;\n }\n return 20;\n});\n\u003C/script>\n```\n",[2101],{"name":2102,"color":2103},"question","d876e3",2393,"Command Palette: Specific Item Display with Conditional resultLimit Behavior","2024-10-16T09:31:26Z","https://github.com/nuxt/ui/issues/2393",0.7919024,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"5zYCy95C-90HHdizgCoe7xX4_OgYI8U1PM3MJOSSUPk":-1},"/nuxt/ui/2741"]