\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?",[2001,2004],{"name":2002,"color":2003},"question","d876e3",{"name":2005,"color":2006},"v3","49DCB8",3179,"Understanding how variants work (custom variants)","2025-01-26T09:27:59Z","https://github.com/nuxt/ui/issues/3179",0.7516162,{"description":2013,"labels":2014,"number":2021,"owner":1991,"repository":1991,"state":2022,"title":2023,"updated_at":2024,"url":2025,"score":2026},"### 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_",[2015,2018],{"name":2016,"color":2017},"3.x","29bc7f",{"name":2019,"color":2020},"pending triage","E99695",15576,"closed","Hydration text content mismatch ","2024-12-21T08:29:22Z","https://github.com/nuxt/nuxt/issues/15576",0.71862876,{"labels":2028,"number":2033,"owner":1991,"repository":1991,"state":2022,"title":2034,"updated_at":2035,"url":2036,"score":2037},[2029,2030],{"name":2019,"color":2020},{"name":2031,"color":2032},"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.7196275,{"description":2039,"labels":2040,"number":2043,"owner":1991,"repository":1991,"state":2022,"title":2044,"updated_at":2045,"url":2046,"score":2047},"### 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_",[2041,2042],{"name":2016,"color":2017},{"name":2019,"color":2020},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.7288691,{"description":2049,"labels":2050,"number":2056,"owner":1991,"repository":1991,"state":2022,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### Environment\r\n\r\n\"nuxt\": \"^3.9.0\"\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/p/devbox/intelligent-kepler-lv49z8?file=%2Fapp.vue%3A11%2C36\r\n\r\nIt doesn't happen on stackblitz, but it happens locally and on codesandbox.\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { NuxtLink } from '#components';\r\n\r\nconst disabled = ref(false);\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ccomponent :is=\"NuxtLink\" :disabled=\"disabled\" href=\"https://www.google.com\">\r\n test\r\n \u003C/component>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nIt looks like there's a problem with server-side rendering, it shouldn't render `disabled=\"\"`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\n[Vue warn]: Hydration attribute mismatch on \u003Ca href=\"https://www.google.com\" rel=\"noopener noreferrer\"> t \u003C/a> \r\n - rendered on server: disabled=\"\"\r\n - expected on client: (not rendered)\r\n Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.\r\n You should fix the source of the mismatch. \r\n at \u003CNuxtLink disabled=false href=\"https://www.google.com\" > \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n```\r\n",[2051,2052,2053],{"name":2016,"color":2017},{"name":2019,"color":2020},{"name":2054,"color":2055},"upstream","E8A36D",25154,"Unexpected hydration attribute mismatch, with a ref bool attribute ","2024-01-14T14:16:36Z","https://github.com/nuxt/nuxt/issues/25154",0.73010504,{"description":2062,"labels":2063,"number":2065,"owner":1991,"repository":1991,"state":2022,"title":2066,"updated_at":2067,"url":2068,"score":2069},"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>",[2064],{"name":2031,"color":2032},2485,"Href routing behaving differenty in server rendered vs static generated","2023-01-18T15:55:19Z","https://github.com/nuxt/nuxt/issues/2485",0.7374366,{"description":2071,"labels":2072,"number":2076,"owner":1991,"repository":2077,"state":2022,"title":2078,"updated_at":2079,"url":2080,"score":2081},"\n",[2073],{"name":2074,"color":2075},"bug","ff281a",766,"nuxt.com","[Home] Multiple errors when leaving home page","2023-02-15T12:30:56Z","https://github.com/nuxt/nuxt.com/issues/766",0.7403714,{"description":2083,"labels":2084,"number":2090,"owner":1991,"repository":1991,"state":2022,"title":2091,"updated_at":2092,"url":2093,"score":2094},"### Environment\n\nfatal: not a git repository (or any of the parent directories): .git\r\nWorking directory: E:/Project/ 21:13:28\r\nNuxt project info: 21:13:28\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.14.1\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.0\r\n- Package Manager: pnpm@8.9.2\r\n- Builder: -\r\n- User Config: devtools, postcss, vite, ssr, experimental, sourcemap, typescript, devServer, css, modules, runtimeConfig, imports, app, hooks, googleFonts\r\n- Runtime Modules: @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxtjs/google-fonts@3.1.0\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-bydy2i\n\n### Describe the bug\n\n```\r\n\u003Ctemplate>\r\n \u003Cinput type=\"email\" placeholder=\"Please enter your email\" />\r\n\u003C/template>\r\n```\r\n\r\n\r\n\r\n\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cinput type=\"email\" placeholder=\"Please enter your emmmail\" />\r\n\u003C/template>\r\n```\r\n\r\n\r\n\r\n\r\nWTF???\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2085,2086,2087],{"name":2016,"color":2017},{"name":2019,"color":2020},{"name":2088,"color":2089},"needs reproduction","FBCA04",24479,"Hydration children mismatch in \u003Cdiv>: server rendered element contains more child nodes than client vdom.","2023-11-27T12:30:02Z","https://github.com/nuxt/nuxt/issues/24479",0.7445116,{"labels":2096,"number":2101,"owner":1991,"repository":1991,"state":2022,"title":2102,"updated_at":2103,"url":2104,"score":2105},[2097,2099,2100],{"name":2098,"color":1989},"stale",{"name":2019,"color":2020},{"name":2031,"color":2032},9973,"Minor bug: CSS with pseudo class with params when staticly generated is different from development","2023-01-22T15:45:05Z","https://github.com/nuxt/nuxt/issues/9973",0.74556416,["Reactive",2107],{},["Set"],["ShallowReactive",2110],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"q8dQLx-3CxM2Pmnm5KsODSgpDP6IhVPnU2KF17x5LLk":-1},"/nuxt/ui/3133"]