\n```\n\n---\nbut if i set defaultVariants in `app.config` its works:\n```\ndefaultVariants: {\n color: 'neutral',\n button: true\n},\n```\n\n---\nso how do you make it work?",[2867,2870],{"name":2868,"color":2869},"question","d876e3",{"name":2871,"color":2872},"v3","49DCB8",3179,"nuxt","ui","open","Understanding how variants work (custom variants)","2025-01-26T09:27:59Z","https://github.com/nuxt/ui/issues/3179",0.73850936,{"description":2882,"labels":2883,"number":2890,"owner":2874,"repository":2874,"state":2891,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### Environment\r\n\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n\r\n\r\n### Reproduction\r\n\r\n```js\r\n\u003Cscript setup lang=\"ts\">\r\nconst randomNumber: number = Math.floor(Math.random() * 1000000000);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cp>{{ randomNumber }}\u003C/p>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nHydration text content mismatch in \u003Cp>:\r\n- Client: 807910065\r\n- Server: 36586442 \r\n\r\n### Additional context\r\n\r\nDuring development we had to implement number generator in order to create _unique_ ID (reproduction is simplified, but it still shows the same error). However, every time we use it, we get server/client mismatch as described above.\r\n\r\nComponent is always used as single-root element and it's wrapped in a div.\r\n\r\nShouldn't already generated number on the server-side be directly provided into client-side? Is this expected behavior?\r\nIf so, how can we make sure that randomly generated content remain the same both on server and client? I do not believe that generating those numbers only on clientside (onMounted) is a way to go..\r\n\r\n### Logs\r\n\r\n_No response_",[2884,2887],{"name":2885,"color":2886},"3.x","29bc7f",{"name":2888,"color":2889},"pending triage","E99695",15576,"closed","Hydration text content mismatch ","2024-12-21T08:29:22Z","https://github.com/nuxt/nuxt/issues/15576",0.7187626,{"labels":2897,"number":2902,"owner":2874,"repository":2874,"state":2891,"title":2903,"updated_at":2904,"url":2905,"score":2906},[2898,2899],{"name":2888,"color":2889},{"name":2900,"color":2901},"2.x","d4c5f9",8552,"Full static doesn't use generated html on refresh","2023-01-22T15:38:24Z","https://github.com/nuxt/nuxt/issues/8552",0.7235529,{"description":2908,"labels":2909,"number":2911,"owner":2874,"repository":2874,"state":2891,"title":2912,"updated_at":2913,"url":2914,"score":2915},"I am not sure if this is an issue, or if I am doing something wrong (very likely). \r\n\r\nI am using a dynamic href which resides in pages/our-fleet/index.\r\n `\u003Ca v-bind:href=\"machine.route\">\u003Cimg v-bind:src=\"machine.photoUsingRequire\" alt=\"\" />\u003C/a>`\r\n\r\nPages folder looks like this:\r\n\r\n```\r\npages\r\n |\r\n our-fleet\r\n |\r\n KVM-23-4.vue\r\n index.vue\r\n```\r\n\r\nAn href of \"KVM-23-4\" works in generated app deployed to Netlify, but gets a 404 in dev.\r\n\r\nAn href \"our-fleet/KVM-23-4\" works in server rendered in dev, but gets a 404 in generated app deployed to Netlify.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2159\">#c2159\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2910],{"name":2900,"color":2901},2485,"Href routing behaving differenty in server rendered vs static generated","2023-01-18T15:55:19Z","https://github.com/nuxt/nuxt/issues/2485",0.73048836,{"labels":2917,"number":2923,"owner":2874,"repository":2874,"state":2891,"title":2924,"updated_at":2925,"url":2926,"score":2927},[2918,2921,2922],{"name":2919,"color":2920},"stale","ffffff",{"name":2888,"color":2889},{"name":2900,"color":2901},8471,"Inconsistent issue with static site generation","2023-01-22T15:38:23Z","https://github.com/nuxt/nuxt/issues/8471",0.7385177,{"description":2929,"labels":2930,"number":2932,"owner":2874,"repository":2874,"state":2891,"title":2933,"updated_at":2934,"url":2935,"score":2936},"Hello!\r\n\r\nFound a strange behavior when generating static.\r\nindex.html is generated twice and it seems the second time the correct one is re-written\r\n(It seems that because of this I can not open the page by a direct link - get [nuxt] Error while initializing app DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.).\r\n\r\nIs this a bug or not?\r\n\r\nA similar issue was created earlier\r\nhttps://github.com/nuxt/nuxt.js/issues/2296\r\n\r\nBelow I attach a screenshot with the structure / pages, the paths of the router and logs\r\n\r\n\r\n\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2408\">#c2408\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2931],{"name":2900,"color":2901},2776,"Duplicating the generation of index.html with nested paths","2023-01-18T16:02:37Z","https://github.com/nuxt/nuxt/issues/2776",0.7389155,{"description":2938,"labels":2939,"number":2932,"owner":2874,"repository":2875,"state":2891,"title":2942,"updated_at":2943,"url":2944,"score":2936},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nWhen creating a modal, using the `header` slot a warn is thrown in the console. How can I solve this?\n\n\n",[2940,2941],{"name":2868,"color":2869},{"name":2871,"color":2872},"[v3][UModal] How can I set the `aria-describedby`?","2024-11-27T10:12:10Z","https://github.com/nuxt/ui/issues/2776",{"labels":2946,"number":2949,"owner":2874,"repository":2874,"state":2891,"title":2950,"updated_at":2951,"url":2952,"score":2953},[2947,2948],{"name":2888,"color":2889},{"name":2900,"color":2901},9529,"SSR: The ability to change html after deploy / generate is not valid","2023-01-22T15:44:58Z","https://github.com/nuxt/nuxt/issues/9529",0.7430159,{"description":2955,"labels":2956,"number":2959,"owner":2874,"repository":2874,"state":2891,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n[codesandbox Demo](https://codesandbox.io/p/devbox/zealous-silence-ypx7yt?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clr7o2vri0007356iq97ey39z%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clr7o2vri0002356i1jwhuzgt%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clr7o2vri0004356ih8uhvaa6%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clr7o2vri0006356irafyjwyz%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clr7o2vri0002356i1jwhuzgt%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clr7o2vri0001356i90u5fh)\r\n\r\n### Describe the bug\r\n\r\nThe link array is randomly generated by the generateRandomLinks method, and the execution result of the server is successfully applied to the dom, but the data executed again by the client is not applied, resulting in a link error.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2957,2958],{"name":2885,"color":2886},{"name":2888,"color":2889},25149,"The href attribute of a tag and the to attribute of Nuxtlink do not use client data but server data on the client side.","2024-01-11T08:44:23Z","https://github.com/nuxt/nuxt/issues/25149",0.7441922,{"labels":2965,"number":2969,"owner":2874,"repository":2874,"state":2891,"title":2970,"updated_at":2971,"url":2972,"score":2973},[2966,2967,2968],{"name":2919,"color":2920},{"name":2888,"color":2889},{"name":2900,"color":2901},8204,"Nuxt-link and router-link don't create href attribute","2023-01-22T15:38:17Z","https://github.com/nuxt/nuxt/issues/8204",0.745962,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fq8dQLx-3CxM2Pmnm5KsODSgpDP6IhVPnU2KF17x5LLk":-1},"/nuxt/ui/3133"]