\n\u003C/UTooltip>\n```\n\nUnfortunately, the tooltip gets pushed to the top-left corner of the viewport. Am I missing something or doing anything incorrectly here?",[2867],{"name":2868,"color":2869},"question","d876e3",4286,"nuxt","ui","open","Can UColorModeButton be wrapped in a UTooltip?","2025-06-04T11:52:41Z","https://github.com/nuxt/ui/issues/4286",0.7581487,{"description":2879,"labels":2880,"number":2890,"owner":2871,"repository":2871,"state":2873,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Describe the feature\n\nIt would be nice if you could show something like an animated image when reloading the code like Next js does. \r\n\r\nUnfortunately, the device from which you'd be working on is the one that gets its view refreshed and not the other devices like Next js. Please add these features. \n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2881,2884,2887],{"name":2882,"color":2883},"enhancement","8DEF37",{"name":2885,"color":2886},"dx","C39D69",{"name":2888,"color":2889},"🍰 p2-nice-to-have","0E8A16",21422,"HMR Spinner & Devices ","2024-06-30T11:08:38Z","https://github.com/nuxt/nuxt/issues/21422",0.7944914,{"description":2896,"labels":2897,"number":2906,"owner":2871,"repository":2872,"state":2873,"title":2907,"updated_at":2908,"url":2909,"score":2910},"",[2898,2900,2903],{"name":2882,"color":2899},"a2eeef",{"name":2901,"color":2902},"v3","49DCB8",{"name":2904,"color":2905},"reka-ui","56d799",2337,"[DropdownMenu/Popover/Tooltip] Improve arrow styling like `NavigationMenu` ","2024-10-08T10:12:48Z","https://github.com/nuxt/ui/issues/2337",0.7952184,{"description":2912,"labels":2913,"number":2914,"owner":2871,"repository":2915,"state":2873,"title":2916,"updated_at":2917,"url":2918,"score":2919},"I noticed a bug that when you start scrolling down the module listing on nuxt.com/modules then the tooltip breaks at some point. I suspect this is due to infinite scrolling.\n\n**Screencast**:\nhttps://www.youtube.com/watch?v=OFXeT-wj5C8&ab_channel=MartinZeltin",[],1881,"nuxt.com","[bug] Module card tooltip breaks on scroll","2025-05-01T11:18:12Z","https://github.com/nuxt/nuxt.com/issues/1881",0.800374,{"description":2921,"labels":2922,"number":2928,"owner":2871,"repository":2872,"state":2929,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Description\n\nI was looking to implement tooltip for NavigationMenu links as it was available in the DashboardSidebarLinks component in v2. But seems like the feature is no longer present in v3. \n\nhttps://ui2.nuxt.com/pro/components/dashboard-sidebar-links\n\nLet me know if there is still a simple way to implement tooltips specially in the collapsed Sidebar. I don't wanna go down with the slots approach. It looks dirty.\n\n\n\n### Additional context\n\nThis is what I have to do in order to get it to work. I believe this should be part of Nuxt UI already.\n\n``` js\n\u003CUNavigationMenu :collapsed=\"collapsed\" :items=\"links\" orientation=\"vertical\">\n \u003Ctemplate #item-leading=\"{ item }\">\n \u003CUTooltip :disabled=\"!collapsed\" :text=\"item.label\">\n \u003CUIcon\n :name=\"item.icon || ''\"\n class=\"text-dimmed group-hover:text-default size-5 shrink-0 transition-colors\"\n />\n \u003C/UTooltip>\n \u003C/template>\n\u003C/UNavigationMenu>\n```",[2923,2924,2925],{"name":2882,"color":2899},{"name":2901,"color":2902},{"name":2926,"color":2927},"triage","ffffff",4050,"closed","NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.7315003,{"description":2935,"labels":2936,"number":2940,"owner":2871,"repository":2872,"state":2929,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Description\n\nhttps://ui.nuxt.com/components/carousel#with-thumbnails\n\nThere are a couple of issues with the current implementation:\n\n1. Swiping via gestures isn't tracked — when switching slides this way, the active thumb doesn't update.\n2. The thumbs list can have more items, so scrolling needs to be handled properly.\n\nHere's my take on fixing both:\n```vue\n\u003Cscript setup lang=\"ts\">\nconst items = [\n 'https://picsum.photos/640/640?random=1',\n 'https://picsum.photos/640/640?random=2',\n 'https://picsum.photos/640/640?random=3',\n 'https://picsum.photos/640/640?random=4',\n 'https://picsum.photos/640/640?random=5',\n 'https://picsum.photos/640/640?random=6',\n 'https://picsum.photos/640/640?random=7',\n 'https://picsum.photos/640/640?random=8',\n 'https://picsum.photos/640/640?random=9',\n 'https://picsum.photos/640/640?random=10',\n]\n\nconst carousel = useTemplateRef('carousel')\nconst thumbCarousel = useTemplateRef('thumbCarousel')\nconst activeIndex = ref(0)\n\nfunction onClickPrev() {\n activeIndex.value--\n}\nfunction onClickNext() {\n activeIndex.value++\n}\n\nfunction onSelect(index: number) {\n activeIndex.value = index\n\n thumbCarousel.value?.emblaApi?.scrollTo(index)\n}\n\nfunction onThumbClick(index: number) {\n carousel.value?.emblaApi?.scrollTo(index)\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"flex-1 w-full\">\n \u003CUCarousel\n ref=\"carousel\"\n v-slot=\"{ item }\"\n arrows\n :items=\"items\"\n :prev=\"{ onClick: onClickPrev }\"\n :next=\"{ onClick: onClickNext }\"\n class=\"w-full max-w-xs mx-auto\"\n >\n \u003Cimg :src=\"item\" width=\"320\" height=\"320\" class=\"rounded-lg\">\n \u003C/UCarousel>\n\n \u003Cdiv class=\"pt-4 max-w-xs mx-auto\">\n \u003CUCarousel\n ref=\"thumbCarousel\"\n v-slot=\"{ item, index }\"\n :items=\"items\"\n class=\"w-full\"\n contain-scroll=\"keepSnaps\"\n drag-free\n :ui=\"{ item: 'basis-auto' }\"\n >\n \u003Cimg\n :src=\"item\"\n width=\"44\"\n height=\"44\"\n class=\"size-11 opacity-25 hover:opacity-100 transition-opacity rounded-lg\"\n :class=\"{ 'opacity-100': activeIndex === index }\"\n alt=\"\"\n @click=\"onThumbClick(index)\"\n >\n \u003C/UCarousel>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n```\n\n### Additional context\n\n_No response_",[2937,2938,2939],{"name":2882,"color":2899},{"name":2901,"color":2902},{"name":2926,"color":2927},4032,"[Carousel] improve thumb example","2025-05-02T09:58:58Z","https://github.com/nuxt/ui/issues/4032",0.7376446,{"description":2946,"labels":2947,"number":2950,"owner":2871,"repository":2872,"state":2929,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Description\n\nThere is a way to enable tooltip on mobile when touching it? Can it be globally enabled?",[2948,2949],{"name":2868,"color":2869},{"name":2901,"color":2902},3847,"Tooltip on mobile devices","2025-05-14T10:11:04Z","https://github.com/nuxt/ui/issues/3847",0.76172227,{"description":2956,"labels":2957,"number":2960,"owner":2871,"repository":2915,"state":2929,"title":2961,"updated_at":2962,"url":2963,"score":2964},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2441%3A11054",[2958],{"name":2882,"color":2959},"1ad6ff",115,"Improve docs navigation bar","2023-02-15T12:30:39Z","https://github.com/nuxt/nuxt.com/issues/115",0.7750018,{"description":2966,"labels":2967,"number":2960,"owner":2871,"repository":2968,"state":2929,"title":2969,"updated_at":2970,"url":2971,"score":2964},"If I have my global scripts set up like so:\r\n\r\n\r\n\r\nThen the scripts are output as expected on the frontend:\r\n\r\n\r\n\r\nHowever, if I pass in a UseScriptInput object, like so:\r\n\r\n\r\n\r\nThen the script is not output:\r\n\r\n\r\n\r\nIf I pass [UseScriptInput, NuxtUseScriptOptions], like so:\r\n\r\n\r\n\r\nI get this error:\r\n\r\n\r\n\r\nENV:\r\nbun 1.1.16\r\nnuxt 3.12.2\r\n@nuxt/scripts 0.5.1\r\n\r\nRunning with compatibility version 4\r\n",[],"scripts","Issues using UseScriptInput in the globals section of nuxt.config.ts","2024-07-03T09:16:13Z","https://github.com/nuxt/scripts/issues/115",{"description":2973,"labels":2974,"number":2977,"owner":2871,"repository":2872,"state":2929,"title":2978,"updated_at":2979,"url":2980,"score":2981},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nI was browsing through the v3 carousel docs at https://ui.nuxt.com/components/carousel#props, to see whether the v3 version will have callback events for onPrev and onNext, but didn't find it.\n\nIs this something that would be considered to implement?\n\nAlternatively, the ability to bind to the active item in the carousel, could also work.\n\nWe would use it to display an info text next to the image, and change it depending on which image is active in the carousel.\n\nIf this is something that is already possible, then please let me know how :)",[2975,2976],{"name":2882,"color":2899},{"name":2901,"color":2902},2475,"[v3] `Carousel` feature request: callback methods onPrev & onNext","2024-11-07T14:11:43Z","https://github.com/nuxt/ui/issues/2475",0.7790002,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fbOpebu1l0K9Y9sYfQszsemZSTuXp4U8ZUWefFnlryr4":-1},"/nuxt/ui/1469"]