`\n- [x] Head: `\u003Clink target />`\n- [x] Head: `\u003Cstlye scoped>`\n- [x] `useServerHead`\n- [x] `useServerHeadSafe`\n- [x] `useServerSeoMeta`\n- [x] `NuxtPlgin.ssr`\n- [x] `ConfigSchema.app.rootId`\n- [x] `ConfigSchema.app.teleportId`\n- [ ] `experimental.serverAppConfig`\n\nToDos:\n- Codemods?",[3153,3156],{"name":3154,"color":3155},"discussion","538de2",{"name":3157,"color":3158},"5.x","006b75",32960,"nuxt","open","Possible removals of deprecated features with v5","2025-08-22T09:32:56Z","https://github.com/nuxt/nuxt/issues/32960",0.71812505,{"description":3167,"labels":3168,"number":3175,"owner":3160,"repository":3176,"state":3177,"title":3178,"updated_at":3179,"url":3180,"score":3181},"### Description\n\nHi, \n\nIn NuxtUI v2, I saved my custom configs in `.ts` files and imported the default configs to use as types:\n\n```ts\nimport type { DeepPartial } from '#ui/types';\nimport type { tabs as TabsConfig } from '#ui/ui.config';\n\nexport const tabsV1Config : DeepPartial\u003Ctypeof TabsConfig> = {\n...\n};\n```\n\nIn NuxtUI v3, it looks like the default themes are stored in the `.nuxt/ui/` directory, which makes it impossible to import into my project. The same css also seems to exist in the `dist/shared/ui.XXX.mjs` files. Is there a way to import these default configs in NuxtUI v3?",[3169,3172],{"name":3170,"color":3171},"question","d876e3",{"name":3173,"color":3174},"v3","49DCB8",3573,"ui","closed","Can I import the default component themes?","2025-03-17T16:55:26Z","https://github.com/nuxt/ui/issues/3573",0.6752376,{"description":3183,"labels":3184,"number":3189,"owner":3160,"repository":3176,"state":3177,"title":3190,"updated_at":3191,"url":3192,"score":3193},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.14.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.19.1\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.3\n- Builder: -\n- User Config: compatibilityDate, future, devtools, modules, css, ui\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.10\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://github.com/zhcndoc/zhcndoc\n\n### Description\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n WARN [vite:css][postcss] Lexical error on line 1: Unrecognized text. 15:18:30\n\n Erroneous area:\n1: infinity * 1px\n^..^\n1117| }\n1118| .rounded-full {\n1119| border-radius: calc(infinity * 1px);\n | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n1120| }\n1121| .rounded-s {\n```",[3185,3188],{"name":3186,"color":3187},"bug","d73a4a",{"name":3173,"color":3174},3063,"Postcss warning appears when building","2025-01-14T04:16:48Z","https://github.com/nuxt/ui/issues/3063",0.7070671,{"description":3195,"labels":3196,"number":3199,"owner":3160,"repository":3200,"state":3177,"title":3201,"updated_at":3202,"url":3203,"score":3204},"Hello, thanks for open-sourcing this repo. I'm exploring the app. \r\n\r\nI would like to understand why pathPrefix is not getting applied to components within the folder `~/components/content`? Is this a convention that's undocumented? Thanks. \r\n\r\n\r\n",[3197],{"name":3170,"color":3198},"ff1ab2",1418,"nuxt.com","Understanding why pathPrefix not set for components/content ","2023-11-21T10:07:33Z","https://github.com/nuxt/nuxt.com/issues/1418",0.7130207,{"description":3206,"labels":3207,"number":3210,"owner":3160,"repository":3176,"state":3177,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Description\n\nI want to configure my Nuxt UI v3 project only to use black and white colors with the neutral palette from Tailwind, similar to the one found in shadcn. I understand Nuxt UI supports Tailwind CSS theming, but I’m unsure of the best/recommended way to override all component colors globally",[3208,3209],{"name":3170,"color":3171},{"name":3173,"color":3174},3200,"How to create a black & white only theme in Nuxt UI v3","2025-02-09T12:59:38Z","https://github.com/nuxt/ui/issues/3200",0.71915686,{"description":3216,"labels":3217,"number":3221,"owner":3160,"repository":3160,"state":3177,"title":3222,"updated_at":3223,"url":3224,"score":3225},"Hi,\r\n\r\nThanks for that awesome framework.\r\nI would like to use it with nuxt but within my current setup build is ok but I got nothing rendered for the dropzone (size 0x0 even if I set a size).\r\nI'm pretty new to nuxtjs (and Vue).\r\nHere is my setup:\r\n\r\n`nuxt.config.js:`\r\n```javascript \r\nmodule.exports = {\r\n head: {\r\n title: 'test',\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' }\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },\r\n { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto' },\r\n { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' }\r\n ]\r\n },\r\n plugins: [\r\n { src: '~plugins/vue-dropzone.js', ssr: false },\r\n ]\r\n }\r\n```\r\n\r\n`plugins/vue-dropzone.js`\r\n```javascript \r\nimport Dropzone from 'vue2-dropzone'\r\nimport Vue from 'vue'\r\n\r\nVue.use(Dropzone)\r\n```\r\n\r\n`pages/index.vue`\r\n```javascript \r\n\u003Ctemplate>\r\n \u003Cdiv id=\"app\">\r\n \u003Cp>Welcome to your Vue.js app!\u003C/p>\r\n\r\n \u003Cdropzone id=\"myVueDropzone\" width=\"200px\" height=\"80px\" url=\"https://httpbin.org/post\" v-on:vdropzone-success=\"showSuccess\">\r\n \u003C!-- Optional parameters if any! -->\r\n \u003Cinput type=\"hidden\" name=\"token\" value=\"xxx\">\r\n \u003C/dropzone>\r\n\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n \r\n\r\n export default {\r\n name: 'MainApp',\r\n methods: {\r\n 'showSuccess': function (file) {\r\n console.log('A file was successfully uploaded')\r\n }\r\n },\r\n }\r\n\u003C/script>\r\n```\r\n\r\nThanks for the help! \r\n\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/c584\">#c584\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3218],{"name":3219,"color":3220},"2.x","d4c5f9",675,"Help needed: Nuxt and vue-dropzone","2023-01-18T15:39:39Z","https://github.com/nuxt/nuxt/issues/675",0.72076553,{"description":3227,"labels":3228,"number":3231,"owner":3160,"repository":3176,"state":3177,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Description\n\nStyles with tailwindcss 4.0.13 seem to be broken after updating from NuxtUI pervious alpha.\n\n```\n\"dependencies\": {\n \"@iconify-json/ri\": \"1.2.5\",\n \"@nuxt/ui\": \"3.0.0\",\n \"@vueuse/core\": \"12.7.0\",\n \"@vueuse/nuxt\": \"12.7.0\",\n }\n```\nmain.css\n```\n@import 'tailwindcss' theme(static);\n@import '@nuxt/ui';\n```\nHas anyone else ran into this issue and if so how did you fix it?",[3229,3230],{"name":3170,"color":3171},{"name":3173,"color":3174},3525,"Styles issue have upgrade from 3.0.0-alpha.13 to 3.0.0","2025-03-12T23:28:54Z","https://github.com/nuxt/ui/issues/3525",0.7208106,{"description":3237,"labels":3238,"number":3245,"owner":3160,"repository":3160,"state":3177,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.12.2\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.15.6\r\n- Builder: -\r\n- User Config: srcDir, devtools, modules, ignore, appConfig, css, extensions, routeRules, vue, nitro, runtimeConfig, auth, colorMode, router, csurf\r\n- Runtime Modules: @nuxt/eslint@0.3.12, @nuxt/test-utils/module@3.12.1, @unocss/nuxt@0.60.0, @sidebase/nuxt-auth@0.7.2, @nuxt/ui@2.16.0, @pinia/nuxt@0.5.1, nuxt-csurf@1.5.2\r\n- Build Modules: -\r\n------------------------------\r\n\r\n\r\n### Reproduction\r\n\r\n```\r\n\u003Ctemplate>\r\n\t\u003CUSelectMenu\r\n\t\tv-model=\"eventTypeFilter.selected\"\r\n\t\t:options=\"eventTypeFilter.options\"\r\n\t\tsearchable\r\n\t\tmultiple\r\n\t\tplaceholder=\"Event type filter\" />\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst page = ref(1)\r\nconst eventTypeFilter = reactive({\r\n options: ['a', 'b', 'c'],\r\n selected: []\r\n})\r\n\r\nconst { data, pending } = await useAsyncData(\r\n 'events',\r\n () => $fetch('/api/events', {\r\n params: {\r\n page: page.value,\r\n eventTypeFilter: eventTypeFilter.selected\r\n }\r\n }),\r\n {\r\n watch: [page, eventTypeFilter.selected]\r\n }\r\n)\r\n\u003C/script>\r\n```\r\n\r\n### Describe the bug\r\n\r\nchoosing a value does not trigger another fetch\r\n\r\n### Additional context\r\n\r\nIf I use a ref array for the model and pass that to the watcher, it works\r\n`const selectedEventTypes = ref([])`\r\n\r\n### Logs\r\n\r\n_No response_",[3239,3242],{"name":3240,"color":3241},"3.x","29bc7f",{"name":3243,"color":3244},"pending triage","E99695",27261,"Reactive object does not trigger asyncData","2024-05-17T11:17:05Z","https://github.com/nuxt/nuxt/issues/27261",0.7224825,{"description":3251,"labels":3252,"number":3255,"owner":3160,"repository":3176,"state":3177,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.16.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: devtools, compatibilityDate, modules, app, css, colorMode, svgSprite, future, imports, runtimeConfig, ssr\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.13, @nuxt/eslint@1.1.0, @nuxt/icon@1.10.3, @nuxtjs/svg-sprite@1.0.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\n### Description\n\n### Help Nuxt ui 3 table not reactive\n\nWhen I click the button, the table doesn't update. However, when I print the array object, the data is added, but the table still does not update\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\nThank you for help\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3253,3254],{"name":3186,"color":3187},{"name":3173,"color":3174},3377,"UI Table is not reactive","2025-02-27T21:19:42Z","https://github.com/nuxt/ui/issues/3377",0.7253071,{"description":3261,"labels":3262,"number":3265,"owner":3160,"repository":3160,"state":3177,"title":3266,"updated_at":3267,"url":3268,"score":3269},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.5.2\r\n- Package Manager: pnpm@8.5.1\r\n- Builder: vite\r\n- User Config: ssr, pages, srcDir, routeRules, experimental, devtools, alias, typescript, css, app, modules, unocss, imports, components, vite\r\n- Runtime Modules: @pinia/nuxt@0.4.11, @vueuse/nuxt@10.2.1, @unocss/nuxt@0.53.4, @vue-macros/nuxt@1.3.12, nuxt-vitest@0.8.7\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n- Github repo : https://github.com/ChronicStone/repro-issue-nuxt-useAsyncData\r\n- Live version : https://repro-issue-nuxt-use-async-data.vercel.app/\n\n### Describe the bug\n\nSince upgrating to v3.6.2, useAsyncData has inconsistent & strange behaviour.\r\nI found two main strange behaviours : \r\n\r\n### SCENARIO 1 : \r\n\r\nHere the data load once, but then the function that resolves it never runs again, no matter how the watch dependencies change.\r\n\r\nAlso, if I have the following route : `/users/profile/:userId()`\r\nWhen first visiting the page, the data will be resolved correctly if it's not already populated. If I come back to the route with a different ID, it won't re-trigger the resolver at all. I need to do a full page reload to have it resolve the correct data.\r\n\r\n### SCENARIO 2 : \r\n\r\nThe data does not load at first, and stays empty. Then, if a dependency change, it will refresh correctly.\r\n\r\n----\r\n\r\nThe reproduction provided includes the 2nd scenario, I couldn't reproduce the 1st case on a minimal setup yet. An other interesting is that on both case, devtools is completely bugged on these two cases, hitting refresh there won't do anything. You can also observe this in the provided minimal reproduction\n\n### Additional context\n\nFirst here's the context on which i'm using it\r\n- `ssr: false` in config\r\n- I'm not awaiting the useAsyncData on my component\r\n\r\nHere's an example of how i'm using it in-app : \r\n\r\n```ts\r\nconst periodFilters = ref\u003C{ month: number; year: number }>({ month: 1, year: 1 });\r\n\r\nconst { data, pending } = useAsyncData(\r\n \"assessmentCountStats\",\r\n () => StatisticsController.getAssessmentStatusCount(props.clientId, periodFilters.value),\r\n { watch: [() => props.clientId, () => periodFilters.value.year, () => periodFilters.value.month] }\r\n);\r\n```\r\n\r\nAlso worth mentionning that if I switch back to 3.6.1, everything works fine, data always update according to dependency & load correctly.\n\n### Logs\n\n_No response_",[3263,3264],{"name":3240,"color":3241},{"name":3243,"color":3244},22027,"useAsyncData has inconsistent behaviour (ssr:false) since v3.6.2","2023-07-11T07:02:52Z","https://github.com/nuxt/nuxt/issues/22027",0.7270195,["Reactive",3271],{},["Set"],["ShallowReactive",3274],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqhuGJP_BPEjBX8e7s6q1UBXnlbu3JNUB4yb0g8Yy12I":-1},"/nuxt/ui/3910"]