\r\n\u003C!-- First usage generates the following HTML -->\r\n\u003Csvg data-icon=\"logo\">\r\n \u003Csymbol id=\"ai:uniqueid\">\u003C!-- contents of logo.svg -->\u003C/symbol>\r\n \u003Cuse xlink:href=\"#ai:uniqueid\">\u003C/use>\r\n\u003C/svg>\r\n\r\n\u003CIcon name=\"logo\" />\r\n\u003C!-- Additional usage generates the following HTML -->\r\n\u003Csvg data-icon=\"logo\">\r\n \u003Cuse xlink:href=\"#ai:uniqueid\">\u003C/use>\r\n\u003C/svg>\r\n```\r\n\r\nIt'd be nice to have this feature in Nuxt Icon module as well.",[],256,"nuxt","icon","open","Auto-optimized sprites using `\u003Csymbol>` and `\u003Cuse>`","2024-09-26T17:08:19Z","https://github.com/nuxt/icon/issues/256",0.75590205,{"description":3037,"labels":3038,"number":3048,"owner":3029,"repository":3049,"state":3050,"title":3051,"updated_at":3052,"url":3053,"score":3054},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.18.3`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.5`\n- Package Manager: `yarn@3.5.1`\n- Builder: `-`\n- User Config: `compatibilityDate`, `runtimeConfig`, `devServer`, `devtools`, `ssr`, `nitro`, `sourcemap`, `modules`, `css`, `site`, `app`, `colorMode`, `i18n`\n- Runtime Modules: `@nuxtjs/i18n@9.2.1`, `@nuxtjs/robots@5.2.6`, `@nuxtjs/sitemap@7.2.7`, `@vueuse/nuxt@12.8.2`, `@nuxt/ui@3.0.0-beta.3`, `@pinia/nuxt@0.10.1`\n- Build Modules: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-beta.3\n\n### Reproduction\n\nHappens on fresh install.\n\n### Description\n\nFresh install of Nuxt.js, with @nuxt/ui@v3.0.0-beta.3\nLooking at the HTML of the generated page I can see that the root element class names are split by whitespaces.\n\n\u003Cimg width=\"562\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/74ac11b4-da6d-4ac1-8e0c-5dd1ff9f56a9\" />\n\nThe issue is not happening when using @nuxt/ui v2 - I've narrowed it down to a v3 issue.\n\n### Additional context\n\n`nuxt.config.ts`:\n```js\nexport default defineNuxtConfig({\n app: {\n // rootTag: 'body',\n rootId: 'app',\n rootAttrs: {\n class: 'relative flex h-full'\n }\n }\n}\n```\n\n### Logs\n\n```shell-script\n\n```",[3039,3042,3045],{"name":3040,"color":3041},"bug","d73a4a",{"name":3043,"color":3044},"v3","49DCB8",{"name":3046,"color":3047},"upstream","78bddb",3487,"ui","closed","rootAttrs.class is rendering class names with spaces, e.g. \"i s o l a t e\"","2025-03-08T18:39:53Z","https://github.com/nuxt/ui/issues/3487",0.7057708,{"description":3056,"labels":3057,"number":3060,"owner":3029,"repository":3049,"state":3050,"title":3061,"updated_at":3062,"url":3063,"score":3064},"### For what version of Nuxt UI are you asking this question?\n\nv3-alpha\n\n### Description\n\nWhen trying to use the InputMenu component I am running into this error:\n\n`client.mjs:42 SyntaxError: The requested module '/_nuxt/node_modules/fast-deep-equal/index.js?v=6d87a810' does not provide an export named 'default' (at InputMenu.vue:19:8)`\n\nThis is after following the installation instructions in the documentation.\n\nAny help would be appreciated!",[3058,3059],{"name":3040,"color":3041},{"name":3043,"color":3044},2488,"InputMenu component fast-deep-equal dependency issue","2024-11-06T21:38:08Z","https://github.com/nuxt/ui/issues/2488",0.7158765,{"description":3066,"labels":3067,"number":3073,"owner":3029,"repository":3049,"state":3050,"title":3074,"updated_at":3075,"url":3076,"score":3077},"### Environment\n\nBuild error on vercel.app and on local windows 10, both on build and dev.\n\n### Version\n\nv1.4.4 @nuxt/ui-pro - Saas Template\n\n### Reproduction\n\nInstall a clean saas template.\nEnable typescript check in nuxt.config\n\nTry to deploy it on vercel.\n\nAnd try to copy/paste the url in a facebook post.\n\nHere is a 100% clean saas template, without typeCheck enabled:\nhttps://stackblitz.com/~/github.com/LutherApp/codespace-project\n\n(This is a copy of my [github repo](https://github.com/LutherApp/codespace-project))\n\n### Description\n\nOn build there will be \n## errors on the \"title\"-variable\nError-msg:\nObject literal may only specify known properties, and 'title' does not exist in type 'OgImageOptions\u003C\"NuxtSeo\"> | OgImagePrebuilt'. (etc.)\n\n## \"authors\"- and \"title\"-variable in blog/index\n3 x Type 'bla bla bla' is not assignable to type 'bla bla bla'.\n1 x Property 'avatar' is optional in type 'bla bla bla' but required in type 'bla bla bla'.\n\n## Fix\nI was adding this workaround for typecheck in three or four files:\n```\n// @ts-expect-error Object literal may only specify known properties, and 'title' does not exist in type 'OgImageOptions\u003C\"NuxtSeo\"> | OgImagePrebuilt'.\n```\n\nIn blog/index.vue a was adding this lines in the template in front of `UPageBody` (in blog/index.vue):\n``` \n\u003C!--\n @vue-expect-error The variable authors throws four errors;\n 3 x Type 'bla bla bla' is not assignable to type 'bla bla bla'.\n 1 x Property 'avatar' is optional in type 'bla bla bla' but required in type 'bla bla bla'.\n -->\n```\n\n## seo info from the page missing on facebook\nThere is still noe data about the page on facebook. \n(Other nuxt-content I have made earlier have this info when I copy/paste the url to facebook.)\n\n## Any questions to this issue?\nPlease add some questions to get more info about this issues. (This was written faster than normal.)",[3068,3069,3072],{"name":3040,"color":3041},{"name":3070,"color":3071},"pro","5BD3CB",{"name":3046,"color":3047},2415,"og:fields in my 100% clean saas template doesn't shows on facebook, and your own public saas template don't show the og:image","2024-10-22T09:40:37Z","https://github.com/nuxt/ui/issues/2415",0.729041,{"description":3079,"labels":3080,"number":3084,"owner":3029,"repository":3049,"state":3050,"title":3085,"updated_at":3086,"url":3087,"score":3088},"### Description\n\nMultiple UCheckbox can share the same v-model by using an array like :\r\n\r\nhttps://vuetifyjs.com/en/components/checkboxes/#colors\r\n\r\n",[3081],{"name":3082,"color":3083},"question","d876e3",1740,"UCheckbox v-model as array","2025-03-31T08:02:40Z","https://github.com/nuxt/ui/issues/1740",0.7357475,{"description":3090,"labels":3091,"number":3096,"owner":3029,"repository":3049,"state":3050,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### Description\n\nSometimes we need some properties or events like selectIndex, prev/next ...\nFor example, I want to get the current image index outside of the Carousel to display something like `1/50`.\nI tried `emblaRef` and `emblaApi`, but it's always an empty object.\n\n### Additional context\n\n_No response_",[3092,3095],{"name":3093,"color":3094},"enhancement","a2eeef",{"name":3043,"color":3044},3391,"Can Carousel component expose some events?","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3391",0.7375936,{"description":3102,"labels":3103,"number":3107,"owner":3029,"repository":3049,"state":3050,"title":3108,"updated_at":3109,"url":3110,"score":3111},"### Environment\n\n- Operating System: Darwin\n- Node Version: -\n- Nuxt Version: -\n- CLI Version: -\n- Nitro Version: -\n- Package Manager: -\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.1\n\n### Reproduction\n\nhttps://dashboard-template.nuxt.dev/\n\nhttps://github.com/user-attachments/assets/c7c84465-1507-4ba8-a321-1e4f7def60f1\n\n### Description\n\nI was checking the pro dashboard template and found that.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3104,3105,3106],{"name":3040,"color":3041},{"name":3043,"color":3044},{"name":3070,"color":3071},3713,"Command behind Slideover in Nuxt UI Pro Template","2025-03-28T15:16:02Z","https://github.com/nuxt/ui/issues/3713",0.74015564,{"description":3113,"labels":3114,"number":3116,"owner":3029,"repository":3049,"state":3050,"title":3117,"updated_at":3118,"url":3119,"score":3120},"# tldr\r\nWhen using nuxt UI v2.18.5 or higher -> `\u003CUInput value=\"'12714274'\" readonly />` change it to `\u003CUInput :model-value=\"'12714274'\" readonly />`\r\n\r\n\r\n\r\n--------- \r\n\r\n\r\n### Version\r\n\r\nedit: v2.18.5\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-uds7la?file=app.vue\r\n\r\n### Description\r\n\r\nSo i have a few grouped form inputs and noticed all values being empty since last update, reverted back to 2.18.4 and worked again. \r\n\r\n_(👀 or you can tell me im using it wrong)_\r\n\r\n### Why i am using :value= ? \r\n\r\n```\r\n\u003CUInput\r\n :value=\"firstname\"\r\n @input=\"$emit('update:firstname', $event.target.value)\"\r\n />\r\n \u003CUInput\r\n :value=\"lastname\"\r\n @input=\"$emit('update:lastname', $event.target.value)\"\r\n />\r\n```\r\n\r\nand using \r\n```\r\n\u003CAccountFormDetails\r\n v-model:firstname=\"formState.firstname\"\r\n v-model:lastname=\"formState.lastname\"\r\n/>\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nno logs,no errors\r\n```\r\n\r\nedit: added repro\r\nedit: pinpointed on 2.18.5, this happened between 18.4 and 18.5",[3115],{"name":3040,"color":3041},2238,"UInput :value not working in v2.18.5","2024-09-25T08:36:59Z","https://github.com/nuxt/ui/issues/2238",0.74099725,{"description":3122,"labels":3123,"number":3124,"owner":3029,"repository":3125,"state":3050,"title":3126,"updated_at":3127,"url":3128,"score":3129},"There seems to be a bug with the integrations active class in header\r\n\r\nhttps://github.com/nuxt/nuxt.com/assets/38922203/d50705a7-ae7f-4317-ac3c-867d41ac76ac\r\n\r\n",[],1432,"nuxt.com","Integration active class ","2023-11-22T14:26:00Z","https://github.com/nuxt/nuxt.com/issues/1432",0.7489144,{"description":3131,"labels":3132,"number":3135,"owner":3029,"repository":3049,"state":3050,"title":3136,"updated_at":3137,"url":3138,"score":3139},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nI've noticed that links (\\\u003Ca\\> tags) created with `UButton` contain a lot of unnecessary styling related to the button itself, disabled and enabled state. Given that for anchors there is no `disabled` property in the HTML specification, this means that out of the following styles:\n```\nrounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none transition-colors px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-[var(--ui-primary)]/50 text-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]\n```\n\nAt the very least, these can be removed:\n\n```\ndisabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent\n```\n\nThis is quite a reduction in classes and can make a moderate difference in total page size and even web vitals scores, especially if there are a lot of links on the page created with `UButton` (which is very likely given the customization UButton provides with icons, variants, colors, and more)\n\nIn order to make this work, the classes that rely on disabled state would likely need to be extracted into a separate place in the theme, which tailwind-variants will then need to merge if there is no `to` property present.\n\nYou might be asking why, given that technically people can rely on it to prevent navigation until a certain condition. But the answer to that is that restricting links like that is generally bad practice and can be circumvented pretty easily. It's not meant to be a security feature and it also lacks in terms of functional purpose.\n\nI'll check to see what I can do about it, but I thought sharing it here would be more beneficial in case someone will be faster than me in preparing a PR for this =)",[3133,3134],{"name":3082,"color":3083},{"name":3043,"color":3044},2907,"[Performance improvement opportunity]: remove disabled-dependent classes on links created with `UButton`","2025-01-13T22:45:37Z","https://github.com/nuxt/ui/issues/2907",0.75077313,["Reactive",3141],{},["Set"],["ShallowReactive",3144],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f0pK2vzF8p8d8_0-Wu9XnXPVy4kUFXl5Pp_YOXHD_75E":-1},"/nuxt/ui/3467"]