\r\n\u003C/template>\r\n``` \r\n\r\nBy the way, [the doc state](https://ui.nuxt.com/getting-started/theming#ui-prop) that \"Each component has a ui prop\". Which is not true then.\n\n### Additional context\n\n_No response_",[2023,2024],{"name":2012,"color":2013},{"name":2025,"color":2026},"triage","ffffff",2094,"Some component doesn't have a UI prop","2025-03-17T14:27:40Z","https://github.com/nuxt/ui/issues/2094",0.72133106,{"description":2033,"labels":2034,"number":2036,"owner":1985,"repository":2002,"state":2003,"title":2037,"updated_at":2038,"url":2039,"score":2040},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.17.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.10.0\n- Builder: -\n- User Config: compatibilityDate, devServer, devtools, modules, tailwindcss, i18n, css, runtimeConfig, experimental, colorMode\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.2, @nuxtjs/i18n@9.1.1, @pinia/nuxt@0.9.0, @nuxt/ui@2.20.0, @nuxtjs/color-mode@3.5.2\n- Build Modules: -\n\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\n```\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\"\n },\n \"dependencies\": {\n \"@ckpack/vue-color\": \"^1.6.0\",\n \"@devui-design/icons\": \"^1.4.0\",\n \"@headlessui/vue\": \"^1.7.23\",\n \"@heroicons/vue\": \"^2.2.0\",\n \"@nuxt/icon\": \"^1.10.3\",\n \"@nuxtjs/color-mode\": \"^3.5.2\",\n \"@tailwindcss/typography\": \"^0.5.16\",\n \"@webzlodimir/vue-avatar\": \"^0.0.8\",\n \"axios\": \"^1.7.9\",\n \"devui-theme\": \"^0.0.7\",\n \"highlight.js\": \"^11.11.1\",\n \"markdown-it\": \"^14.1.0\",\n \"nuxt\": \"^3.15.0\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@nuxt/ui\": \"2.20.0\",\n \"@nuxtjs/i18n\": \"9.1.1\",\n \"@pinia/nuxt\": \"0.9.0\",\n \"nuxt\": \"^3.15.0\",\n \"pinia\": \"^2.3.0\"\n },\n \"packageManager\": \"pnpm@9.15.2+sha512.93e57b0126f0df74ce6bff29680394c0ba54ec47246b9cf321f0121d8d9bb03f750a705f24edc3c1180853afd7c2c3b94196d0a3d53d3e069d9e2793ef11f321\"\n}\n```\n\n# tailwind.config.js\n\n```\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n theme: {\n },\n plugins: [\n // https://stackoverflow.com/questions/75706164/problem-with-tailwind-css-when-using-the-react-markdown-component\n // 避免 tailwind 与 markdown 冲突\n require('@tailwindcss/typography'),\n ],\n}\n```\n\n# nuxt.config.ts \n```\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n devServer: {\n port: 4432\n },\n devtools: { enabled: true },\n modules: ['@nuxtjs/tailwindcss', '@nuxtjs/i18n', '@pinia/nuxt', '@nuxt/ui', '@nuxtjs/color-mode'],\n tailwindcss: {\n exposeConfig: true,\n viewer: true,\n },\n i18n: {\n vueI18n: './i18n.config.ts' // if you are using custom path, default\n },\n css: [\n '~/assets/main.css'\n ],\n runtimeConfig: {\n public: {\n apiBaseUrl: 'http://localhost:9384'\n },\n },\n // https://github.com/nuxt/nuxt/issues/30461\n experimental: { appManifest: false },\n colorMode: {\n preference: 'light'\n }\n})\n```\n\n# ~/assets/main.css\nempty\n\n### Description\n\n# Style loss:\n```\n \u003CUAccordion\n multiple\n :items=\"[{ label: 'What is Nuxt UI?', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }, { label: 'Getting Started', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }, { label: 'Theming', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }, { label: 'Components', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }]\"\n />\n````\nview:\n\n\n\n# process\nI installed Tailwind first, and then I installed Nuxt UI.\n\n# package.json\n\n### Additional context\n\nI installed Tailwind first, and then I installed Nuxt UI.\n\n### Logs\n\n```shell-script\n\n```",[2035],{"name":1996,"color":1997},3085,"Style loss","2025-01-14T11:03:42Z","https://github.com/nuxt/ui/issues/3085",0.723353,{"description":2042,"labels":2043,"number":2046,"owner":1985,"repository":2002,"state":2003,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.15.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.7.0\n- Builder: -\n- User Config: devtools, modules, gtag, runtimeConfig, mdc, app, nitro, serverMiddleware, css, ui, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, @nuxt/eslint@1.0.1, @nuxtjs/mdc@0.13.5, @vueuse/nuxt@12.5.0, nuxt-gtag@3.0.2\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/epic-cdn-6dgx4q \n\n### Description\n\ncode here:\n```vue\n\u003Ctemplate>\n \u003CUTooltip text=\"Copy\">\n \u003CUButton color=\"neutral\" variant=\"ghost\" size=\"xs\" icon=\"i-lucide-copy\" />\n \u003C/UTooltip>\n \u003CUTooltip text=\"Delete\">\n \u003CUButton color=\"neutral\" variant=\"ghost\" size=\"xs\" icon=\"i-lucide-trash-2\" />\n \u003C/UTooltip>\n \u003CUDropdownMenu size=\"sm\" :items=\"exportItems\">\n \u003CUTooltip text=\"Export as...\">\n \u003CUButton color=\"neutral\" variant=\"ghost\" size=\"xs\" icon=\"i-lucide-file-down\" />\n \u003C/UTooltip>\n \u003C/UDropdownMenu>\n\u003C/template>\n\u003Cscript setup>\n const exportItems = [\n [\n {\n label: 'Export as...',\n type: 'label'\n },\n ],\n [\n {\n label: 'Markdown',\n onSelect () {\n \n }\n },\n {\n label: 'Plain Text',\n onSelect () {\n \n }\n },\n ]\n]\n\u003C/script>\n```\nin this case, UDropdownMenu can not work, if remove UTooltip element, it works.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2044,2045],{"name":1996,"color":1997},{"name":1999,"color":2000},3339,"DropdownMenu cannot be nested with Tooltip components","2025-02-19T15:23:15Z","https://github.com/nuxt/ui/issues/3339",0.72457576,{"description":2052,"labels":2053,"number":2055,"owner":1985,"repository":2002,"state":2003,"title":2056,"updated_at":2057,"url":2058,"score":2059},"### For what version of Nuxt UI are you suggesting this?\n\nv2.17.0\n\n### Description\n\nI want to set styles for other elements based on the activation state of the `ULink` component, but it was unexpectedly difficult. First, I didn't find relevant content in the [documentation](https://ui.nuxt.com/components/link) of the `ULink` component. It wasn't until I found this [issue](https://github.com/nuxt/ui/issues/1718) that I learned that I could get the activation state through `v-slot={isActive}`. Secondly, I can't directly set the `data-*` attribute for the `ULink` component to save the value of isActive, because this will prompt a ts error and the rendered `a` tag will not contain attributes, so I have to add another HTML tag as a child element of the `ULink` component to indirectly add the `data-*` attribute. \n\n### Additional context\n\n_No response_",[2054],{"name":2012,"color":2013},2726,"Use `data-*` to add activation state to `ULink`","2024-12-05T13:48:55Z","https://github.com/nuxt/ui/issues/2726",0.72589636,{"description":2061,"labels":2062,"number":2064,"owner":1985,"repository":2065,"state":2003,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.17.1`\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: `pnpm@8.6.11`\r\n- Builder: `-`\r\n- User Config: `devtools`, `modules`, `hub`, `nitro`\r\n- Runtime Modules: `@nuxthub/core@0.5.16`, `@nuxt/eslint@0.3.10`, `nuxt-icon@0.6.10`, `@nuxtjs/tailwindcss@6.12.0`, `@nuxt/fonts@0.7.0`\r\n- Build Modules: `-`\r\n\r\n### Version\r\n\r\nv0.7.0\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/~/github.com/larrasu/frontend-mentor\r\n\r\n```sh\r\ncd solutions/invoice-app\r\npnpm dev\r\n```\r\n\r\n### Description\r\n\r\nI've been experiencing this error in various projects. I'm not sure why I can't reproduce the error on Stackblitz. It's the same repo and branch. The error is still showing up on my end as of now. The only way to get rid of this error is by removing `@nuxt/fonts` from the `nuxt.config.ts`. So I figured there is a conflict between`@nuxt/fonts` and `@nuxt/devtools`?\r\n\r\n### Logs\r\n\r\n```sh\r\n ERROR Cannot start nuxt: Failed to get devtools context. 12:09:04 AM\r\n\r\n at extendServerRpc (node_modules/.pnpm/@nuxt+devtools-kit@1.2.0_nuxt@3.11.2_vite@5.2.11/node_modules/@nuxt/devtools-kit/dist/index.mjs:96:11)\r\n at node_modules/.pnpm/@nuxt+fonts@0.7.0_nuxt@3.11.2_vite@5.2.11/node_modules/@nuxt/fonts/dist/module.mjs:1137:11\r\n at node_modules/.pnpm/hookable@5.5.3/node_modules/hookable/dist/index.mjs:48:66\r\n at Object.run (node_modules/.pnpm/hookable@5.5.3/node_modules/hookable/dist/index.mjs:41:43)\r\n at node_modules/.pnpm/hookable@5.5.3/node_modules/hookable/dist/index.mjs:48:56\r\n at async enableModule (/Users/larrasu/.nvm/versions/node/v16.15.1/lib/node_modules/@nuxt/devtools/dist/chunks/module-main.mjs:8466:3)\r\n at async normalizedModule (/Users/larrasu/.nvm/versions/node/v16.15.1/lib/node_modules/@nuxt/devtools/node_modules/@nuxt/kit/dist/index.mjs:169:17)\r\n at async installModule (node_modules/.pnpm/@nuxt+kit@3.11.2/node_modules/@nuxt/kit/dist/index.mjs:2415:95)\r\n at async initNuxt (node_modules/.pnpm/nuxt@3.11.2_@opentelemetry+api@1.8.0_@unocss+reset@0.59.4_drizzle-orm@0.30.10_eslint@9.2.0_fl_br3acc34oknouixgtiqiyrhd6y/node_modules/nuxt/dist/index.mjs:4233:7)\r\n at async NuxtDevServer._load (node_modules/.pnpm/nuxi@3.11.1/node_modules/nuxi/dist/chunks/dev2.mjs:6879:5)\r\n```",[2063],{"name":1996,"color":1997},149,"fonts","Cannot start nuxt: Failed to get devtools context.","2024-09-23T12:12:54Z","https://github.com/nuxt/fonts/issues/149",0.7333113,{"description":2071,"labels":2072,"number":2082,"owner":1985,"repository":2002,"state":2003,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### Environment\n\nNode 22\nNuxt 4\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0 alpha 10\n\n### Reproduction\n\n1. create a modal and a slideover using useModal and useSlideover\n2. create a button **(first button**) that opens the modal with useModal()\n3. create one as well **(second button**) INSIDE! the slideover that opens the same modal with useModal()\n\n### Description\n\nNow open the modal outside the slideover with the **first button**. Thats set an index I suppose.\nBut now if you open the slideover and click the **second button** which opens the same modal, it appears behind the slideover.\n\nBut if you reload the page, open the slideover first and then press the second button without ever pressing the first button to open the modal it appears infront.\n\n### Additional context\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2073,2074,2077,2078,2079],{"name":1996,"color":1997},{"name":2075,"color":2076},"needs reproduction","CB47CF",{"name":1999,"color":2000},{"name":2025,"color":2026},{"name":2080,"color":2081},"closed-by-bot","ededed",3079,"Modal and slideover z-index bug","2025-03-25T02:04:49Z","https://github.com/nuxt/ui/issues/3079",0.7346984,{"description":2088,"labels":2089,"number":2092,"owner":1985,"repository":1986,"state":2003,"title":2093,"updated_at":2094,"url":2095,"score":2096},"http://localhost:3000/integrations?version=2.x\n\n",[2090],{"name":1996,"color":2091},"ff281a",549,"[Integrations] Version selector is not valid on refresh with query param","2023-02-15T12:32:31Z","https://github.com/nuxt/nuxt.com/issues/549",0.73631364,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"5AF_PZiNIthAz6gQqq1ivDu43rfya-9pecUWVYROopA":-1},"/nuxt/ui/1778"]