\n```\n\n### Description\n\nAssuming it's because of the primitives, using v-show triggers a warning for every Nuxt UI (and Nuxt UI Pro) component, stating a runtime directive was used on a component with a non-element root node. This makes it impossible to apply conditional display unless using v-if, which doesn't cover the use cases that v-show does.\n\n### Additional context\n\n_No response_\n\n### Logs\n\nExample from my project of a button:\n```shell-script\n[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended. \n at \u003CNuxtLink class=\"inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors gap-1.5 hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] p-4 text-lg max-w-md w-full mx-auto rounded-lg bg-primary shadow-lg text-black font-semibold justify-center\" raw=true custom=\"\" > \n at \u003CLink type=\"button\" disabled=false class=\"inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors gap-1.5 hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] p-4 text-lg max-w-md w-full mx-auto rounded-lg bg-primary shadow-lg text-black font-semibold justify-center\" ... > \n at \u003CButton type=\"button\" loading=false class=\"p-4 text-lg max-w-md w-full mx-auto rounded-lg bg-primary shadow-lg text-black font-semibold justify-center\" ... > \n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/\" vnode= {__v_isVNode: true, __v_skip: true, type: {鈥, props: {鈥, key: null,聽鈥 route= {fullPath: '/', hash: '', query: {鈥, name: 'index', path: '/',聽鈥 ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage> \n at \u003CDefault ref=Ref\u003C undefined > > \n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout> \n at \u003CToastProvider swipe-direction=\"right\" duration=5000 > \n at \u003CToaster key=0 > \n at \u003CTooltipProvider> \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=\"ltr\" > \n at \u003CApp> \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[2021,2024,2025],{"name":2022,"color":2023},"bug","d73a4a",{"name":2006,"color":2007},{"name":2026,"color":2027},"upstream","78bddb",2866,"[v3]: v-show causes a runtime warning and breaks","2025-03-24T17:58:14Z","https://github.com/nuxt/ui/issues/2866",0.7105903,{"description":2034,"labels":2035,"number":2040,"owner":1994,"repository":2012,"state":2013,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nI know you guys are working hard on V3, but I really like to see this feature still in V2. We all know that not everybody will move over to V3 right away.\n\nI have to set my `strategy` to `override`, because tailwind-merge doesn't know about my custom tailwind extends. This is quite a pain in the ass, since this is causing other issues as well. Take the [Pro LandingGird](https://ui.nuxt.com/pro/components/landing-grid) as example. Classes are added to the grid items to set the right cols. By doing this with `strategy` set to `override`, all other classes will be overridden.\n\nI saw some sort of solution in [#925 ](https://github.com/nuxt/ui/issues/925#issuecomment-1857910586), but that didn't work. It's also not documented and can't find it in the module either.\n\nI know have to create my own merge config, but that will not work for Nuxt UI.\n\n\n### Additional context\n\nYou may wonder why I need this. Thats because I'm also using Tailwind Fluid, and try to replicate a design library that uses different spacings etc.\n\n",[2036,2039],{"name":2037,"color":2038},"duplicate","cfd3d7",{"name":1985,"color":2004},2893,"Extend tailwind-merge configuration","2024-12-13T15:04:57Z","https://github.com/nuxt/ui/issues/2893",0.75622326,{"description":2046,"labels":2047,"number":2048,"owner":1994,"repository":2049,"state":2013,"title":2050,"updated_at":2051,"url":2052,"score":2053},"On the new blog post [Nuxt 3.15](https://nuxt.com/blog/v3-15), the link to vite 6 changelog is missing ([here](https://nuxt.com/blog/v3-15#%EF%B8%8F-vite-6-included)).\nIf this is missing, I send a PR with this issue fixing that, otherwise you can discard both, hope that helps.",[],1744,"nuxt.com","Missing vite 6 changelog link","2024-12-27T17:05:05Z","https://github.com/nuxt/nuxt.com/issues/1744",0.7573389,{"labels":2055,"number":2063,"owner":1994,"repository":1994,"state":2013,"title":2064,"updated_at":2065,"url":2066,"score":2067},[2056,2059,2060],{"name":2057,"color":2058},"3.x","29bc7f",{"name":2022,"color":2023},{"name":2061,"color":2062},"馃敤 p3-minor","FBCA04",13507,"Identifier '__nuxt_component_2' has already been declared","2023-01-19T17:03:04Z","https://github.com/nuxt/nuxt/issues/13507",0.7580392,{"labels":2069,"number":2074,"owner":1994,"repository":1994,"state":2013,"title":2075,"updated_at":2076,"url":2077,"score":2078},[2070,2071],{"name":2057,"color":2058},{"name":2072,"color":2073},"refactor","173A12",11799,"refactor `WebpackBundler` and `PostcssConfig`","2023-01-19T15:43:41Z","https://github.com/nuxt/nuxt/issues/11799",0.7606133,{"description":2080,"labels":2081,"number":2086,"owner":1994,"repository":1994,"state":2013,"title":2087,"updated_at":2088,"url":2089,"score":2090},"(Collabrated with @Atinux @danielroe @clemcode to set new structure)\r\n\r\nNotes:\r\n - Items in (...) indicate old name.\r\n - I've removed [new] sections to make it a fast structure refactor\r\n\r\n----\r\n\r\n- **Landing**\r\n- **Getting Started**\r\n - Intro (Concepts/What is Nuxt)\r\n - Installation (Getting Started>Quick Start)\r\n - Views (Features>Views)\r\n - Assets & Styles (features> assets)\r\n - SEO & Meta (Features>Head)\r\n - Data Fetching (Features>Data Fetching)\r\n - State Management (Features State Management)\r\n - Error Handling (Features>Error Handling)\r\n - Testing (Features/Testing)\r\n - Deployment (Deploy/* merged)\r\n - Upgrade guide\r\n - Upgrade from Nuxt 2 (Getting Started>Migration Guide)\r\n - Edge Channel\r\n- **Guide**\r\n - Key Concepts\r\n - Core Architecture (Advanced > How Nuxt Works + Life Cycle Hooks)\r\n - Auto Imports (Concepts > Auto Imports)\r\n - Development in Nuxt (Concepts/Vue.js Development)\r\n - Modules (Features/Modules)\r\n - Rendering Modes (Concepts > Rendering Modes)\r\n - ES Modules (Advanced > ES Modules)\r\n - **Server** (Features/Server Routes)\r\n - Directory structure\r\n - [auto-loaded files and dirs]\r\n - Module Guide\r\n - Get started (module author guide)\r\n - Nuxt Kit\r\n- **API Reference**\r\n - Composables\r\n - Components\r\n - Utils\r\n - **Advanced**\r\n - **Lifecycle Hooks**\r\n - **Kit utils**\r\n - Commands\r\n - Configuration\r\n- **Examples**\r\n - [categories]\r\n- **Community**\r\n - **Getting help**\r\n - **Reporting bugs**\r\n - **Contribution**\r\n - **Roadmap**",[2082,2085],{"name":2083,"color":2084},"documentation","5319e7",{"name":2057,"color":2058},14700,"Docs structure update","2023-01-19T17:39:01Z","https://github.com/nuxt/nuxt/issues/14700",0.7618594,{"labels":2092,"number":2097,"owner":1994,"repository":1994,"state":2013,"title":2098,"updated_at":2099,"url":2100,"score":2101},[2093,2094],{"name":1985,"color":1986},{"name":2095,"color":2096},"2.x","d4c5f9",4430,"Multi-variant Nuxt App","2023-01-22T15:50:48Z","https://github.com/nuxt/nuxt/issues/4430",0.7624245,{"description":2103,"labels":2104,"number":2113,"owner":1994,"repository":1994,"state":2013,"title":2114,"updated_at":2115,"url":2116,"score":2117},"Since updating nuxt from 3.13.1 to 3.13.2 I am now having an issue in one of my components when I import a library called [Jexl](https://github.com/TomFrost/Jexl) and try to initialize it I am seeing the following error:\n\n_interopRequireDefault2 is not a function \n\nI am guessing this is related to this particular update. Is there a workaround for this? I noticed in https://github.com/nuxt/nuxt/releases/tag/v3.13.2 a comment:\n\"nuxt: Remove interop default for dynamic components (https://github.com/nuxt/nuxt/pull/28912)\" \n\nwhich is maybe affecting my code?\n\nThanks!",[2105,2106,2109,2110],{"name":2022,"color":2023},{"name":2107,"color":2108},"vite","3574D1",{"name":2061,"color":2062},{"name":2111,"color":2112},"possible regression","B90A42",29674,"\"_interopRequireDefault2 is not a function\" with 3.13.2","2025-03-11T14:46:54Z","https://github.com/nuxt/nuxt/issues/29674",0.7631914,["Reactive",2119],{},["Set"],["ShallowReactive",2122],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"PPn1bKTUASuZWgrwruycW0IsIaxaRq8L-f4g6L5mp8U":-1},"/nuxt/ui/3747"]