\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?",[3039],{"name":3040,"color":3041},"question","d876e3",4286,"ui","Can UColorModeButton be wrapped in a UTooltip?","2025-06-04T11:52:41Z","https://github.com/nuxt/ui/issues/4286",0.823075,{"description":3049,"labels":3050,"number":3065,"owner":3030,"repository":3043,"state":3066,"title":3067,"updated_at":3068,"url":3069,"score":3070},"### Description\n\nCurrently, the Calendar component allows no date selection. Please add a property to make the date mandatory, ensuring it cannot be null.\n\n### Additional context\n\n_No response_",[3051,3054,3057,3060,3063],{"name":3052,"color":3053},"enhancement","a2eeef",{"name":3055,"color":3056},"v3","49DCB8",{"name":3058,"color":3059},"triage","ffffff",{"name":3061,"color":3062},"closed-by-bot","ededed",{"name":3064,"color":3062},"stale",3734,"closed","Calendar - The Calendar must have a selected date.","2025-06-18T09:05:04Z","https://github.com/nuxt/ui/issues/3734",0.7242578,{"description":3072,"labels":3073,"number":3078,"owner":3030,"repository":3043,"state":3066,"title":3079,"updated_at":3080,"url":3081,"score":3082},"### Environment\n\n```\n- Operating System: Windows_NT\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.2\n- Builder: -\n- User Config: compatibilityDate, future, modules, imports, app, css, devtools, devServer, hooks, vite, nitro, supabase, site, sitemap, icon, fonts\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxtjs/seo@2.1.1, @nuxtjs/supabase@1.4.6, @vueuse/nuxt@12.5.0 \n- Build Modules: -\n```\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\njust 👉 https://ui3.nuxt.dev/components/toast#change-global-duration\n\n### Description\n\nWhen `duration` is set to `Infinity`, the toast immediately closed - expected not to close forever and hide the progress bar.\n\nWhen `duration` is set to `-Infinity`, the toast won't close, progress bar is hidden 🤔\n\n(many UI librarys behave like this, idk if it's a bug)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3074,3077],{"name":3075,"color":3076},"bug","d73a4a",{"name":3055,"color":3056},3326,"Toast: Cannot handle `Infinity` duration correctly","2025-02-15T17:45:08Z","https://github.com/nuxt/ui/issues/3326",0.7693381,{"description":3084,"labels":3085,"number":3088,"owner":3030,"repository":3043,"state":3066,"title":3089,"updated_at":3090,"url":3091,"score":3092},"### Description\n\nHi, whats the best way to switch the langauge in UCalendar? For example I want to render the months and days in german.\n\nhttps://ui.nuxt.com/components/calendar",[3086,3087],{"name":3040,"color":3041},{"name":3055,"color":3056},4285,"UCalendar localization","2025-06-04T06:53:07Z","https://github.com/nuxt/ui/issues/4285",0.78390723,{"description":3094,"labels":3095,"number":3096,"owner":3030,"repository":3097,"state":3066,"title":3098,"updated_at":3099,"url":3100,"score":3101},"## Background\r\n\r\n[Third-party capital](https://github.com/GoogleChromeLabs/third-party-capital) was being used previously to generate some of the static data needed for a subset of the registry scripts (youtube, google maps, google analytics, google tag manager). \r\n\r\nThe runtime dependency has since been removed in a [PR](https://github.com/nuxt/scripts/pull/23) for several reasons below. We still use the exported types for the scripts.\r\n\r\n### Runtime Overhead\r\n\r\nThird-party-capital has quite a hefty runtime bundle size relatively. Consider that the `useScript` wrapper from Unhead and Nuxt itself is only around ~2kb, which I think is too high and would be exploring further ways to bring it down. For Nuxt Scripts to be maximally useful it needs to be as minimal as possible.\r\n\r\nThe minified bundled size for each export with comparisons for current size:\r\n\r\n- Google Analytics: 1.7KB (vs 393B)\r\n- Google Tag Manager 1.6KB (vs 384B)\r\n- Google Maps 1.6KB minified (n/a as the implementation is different to TPC)\r\n- Youtube 1.7KB minified (n/a as the implementation is different to TPC)\r\n\r\n### Convulated implementation / no implementation types\r\n\r\nTPC abstracts away the implementation details inside of a JSON file that has custom parsing, this makes it quite difficult to debug the behaviour of the code without digging into the entire code base implementation.\r\n\r\n```ts\r\nimport { GoogleAnalytics } from 'third-party-capital'\r\n\r\nconst schema = GoogleAnalytics({ /* options */)\r\n// schema is generically typed\r\nconst scripts = schema.scripts \r\n// scripts is an array, no way to know which script is the load of the script verse the bootstrap setup\r\n```\r\n\r\nBecause the implementation is not obvious, it adds a disconnect between how the the `use()` and the stubs are implemented versus the rest of the script. \r\n\r\nFor example for SSR in GTM, we need to stub dataLayer as an array so we can push to it.\r\n\r\n```ts\r\n scriptOptions: {\r\n use() {\r\n return { dataLayer: window.dataLayer, google_tag_manager: window.google_tag_manager }\r\n },\r\n // allow dataLayer to be accessed on the server\r\n stub: import.meta.client\r\n ? undefined\r\n : ({ fn }) => {\r\n return fn === 'dataLayer' ? [] : undefined\r\n },\r\n },\r\n```\r\n\r\n### Leveraging Nuxt Tree Shaking for Micro-Optimizations\r\n\r\nSince Nuxt is a SSR framework, there are certain optimizations we can opt-in to that environment agnostic packages can't, as they have no control over the SSR lifecycle.\r\n\r\n```ts\r\nif (import.meta.server) {\r\n // offload logic to the server instead of having the client do it\r\n // - gets treeshaken out of the client-build\r\n}\r\n```\r\n\r\nA simple example of a micro-optimization is not passing any code that only the client needs to use. For example, we need to bootstrap the `window` for most third-party scripts, in Nuxt we can easily leverage tree-shaking to make sure this code isn't in the server bundle.\r\n\r\n```ts\r\n// packages publish code like this to be environment agnostic\r\nif (typeof window !== 'undefined') {\r\n\r\n}\r\n```\r\n\r\n```ts\r\n// in nuxt we can just treeshake as we have control over rollup\r\nif (import.meta.client) {\r\n window.myLib = {}\r\n}\r\n```\r\n\r\nFor something concrete, we can consider not running head injection tasks on the client when we can just do it on the server, reducing the time to hydrate the client.\r\n\r\nWe can see this in the `ScriptYouTubePlayer` component.\r\n\r\n```ts\r\nif (import.meta.server) {\r\n useHead({\r\n link: [\r\n {\r\n rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',\r\n href: 'https://i.ytimg.com',\r\n },\r\n props.aboveTheFold\r\n // we can preload the placeholder image\r\n ? {\r\n rel: 'preload',\r\n as: 'image',\r\n href: placeholder.value,\r\n }\r\n : {},\r\n ],\r\n })\r\n}\r\n```\r\n\r\nTo achieve this with TPC would be quite difficult and would unlikely to work even if we can tree shake.\r\n\r\n### Maintanence DX\r\n\r\nNuxt Scripts is providing out-of-the-box support for 16 scripts, having 4 of them being configured differently through an external dependency we don't have control over will make maintenance harder in the short and long term.\r\n\r\nI'd also like to see the repo more active generally, the following remain open and unanswered. \r\n- https://github.com/GoogleChromeLabs/third-party-capital/issues/22\r\n- https://github.com/GoogleChromeLabs/third-party-capital/issues/21\r\n\r\n## Reimplementing TPC\r\n\r\nI'm happy to reconsider adding TPC within the runtime if the above can be solved or some other value can be provided that justifies the constraints.\r\n\r\n",[],54,"scripts","Third Party Capital Discussion","2024-08-22T08:05:29Z","https://github.com/nuxt/scripts/issues/54",0.7877051,{"description":3103,"labels":3104,"number":3105,"owner":3030,"repository":3106,"state":3066,"title":3107,"updated_at":3108,"url":3109,"score":3110},"As the title suggests.",[],1375,"nuxt.com","Refreshing on any page other than `/` will result in a 404 error.","2023-10-18T17:38:41Z","https://github.com/nuxt/nuxt.com/issues/1375",0.79529536,{"description":3112,"labels":3113,"number":3121,"owner":3030,"repository":3043,"state":3066,"title":3122,"updated_at":3123,"url":3124,"score":3125},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nAfter implementing https://github.com/nuxt/ui/issues/2524, it is necessary to add the ability to manage the `Date` object in the `ComponentCode.vue` component.\n\nExample of the display: \n\n\n### Additional context\n\n_No response_",[3114,3117,3118,3119,3120],{"name":3115,"color":3116},"documentation","0075ca",{"name":3052,"color":3053},{"name":3055,"color":3056},{"name":3061,"color":3062},{"name":3064,"color":3062},2651,"Datepicker on docs component preview","2025-06-18T09:05:49Z","https://github.com/nuxt/ui/issues/2651",0.79938716,{"description":3127,"labels":3128,"number":3132,"owner":3030,"repository":3043,"state":3066,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### Description\n\nI would like to see support for Russian localization.\n\n### Additional context\n\n_No response_",[3129,3130,3131],{"name":3052,"color":3053},{"name":3055,"color":3056},{"name":3058,"color":3059},4536,"Calendar","2025-07-16T11:53:32Z","https://github.com/nuxt/ui/issues/4536",0.80816954,{"description":3138,"labels":3139,"number":3143,"owner":3030,"repository":3043,"state":3066,"title":3144,"updated_at":3145,"url":3146,"score":3147},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: yarn@4.1.1\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\n2.8\n\n### Reproduction\n\nvisible even on the docs page \n\n### Description\n\nWhen there is no value set for select, the placeholder is displayed (if set).\r\nIn such case, when options are displayed their labels are \"muted\" - looks like disabled ones.\r\n\r\n\r\nOnce any option is picked, their color change to \"proper\" one.\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3140,3141,3142],{"name":3075,"color":3076},{"name":3061,"color":3062},{"name":3064,"color":3062},1757,"USelect with placeholder display options with missleading color","2025-06-19T02:12:33Z","https://github.com/nuxt/ui/issues/1757",0.8142224,["Reactive",3149],{},["Set"],["ShallowReactive",3152],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fyQ0_QJLVSV0TAgfyl_OMM_mHUrDeE9hqel9CZMxWtoA":-1},"/nuxt/ui/3413"]