\n\nAnd here’s another example with bg-success/20:\n\n\u003Cimg width=\"520\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/72ca102b-10fa-40ae-aa59-c6f18831d4dd\" />\n\nAs you can see, the fallback color is missing the intended 20% opacity.\n\n### Additional context\n\nI've noticed this Issue when I worked on older browser and the whole page looks odd. I'm looking into the Issue currently and could need an helping and. ",[3182,3183,3184],{"name":3153,"color":3154},{"name":3156,"color":3157},{"name":3159,"color":3160},4432,"Fallback colors are not generated properly for tailwind utilities","2025-07-03T15:25:40Z","https://github.com/nuxt/ui/issues/4432",0.6613496,{"description":3191,"labels":3192,"number":3194,"owner":3143,"repository":3143,"state":3163,"title":3195,"updated_at":3196,"url":3197,"score":3198},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.1`\n- Nitro Version: `2.11.8`\n- Package Manager: `pnpm@10.8.0`\n- Builder: `-`\n- User Config: `compatibilityDate`, `future`, `devtools`, `modules`, `css`, `vite`, `vueuse`\n- Runtime Modules: `@nuxt/fonts@0.11.1`, `@nuxt/icon@1.11.0`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.5`, `@nuxt/ui@3.0.2`, `@vueuse/nuxt@13.1.0`, `nuxt-auth-utils@0.5.19`\n- Build Modules: `-`\n\n\n\n\n### Reproduction\n\n// nuxt config file: \n```typescript\ncss: ['@/app/assets/css/tailwind.css'], \u003C--------------- changed to ./app/... and it worked. @ is from the docs\n vite: {\n plugins: [\n tailwindcss(),\n ],\n },\n```\n\n### Describe the bug\n\nnuxt config should know to resolve @ alias\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3193],{"name":3140,"color":3141},31758,"Nuxt 4 - alias not working in nuxt config","2025-04-10T08:36:20Z","https://github.com/nuxt/nuxt/issues/31758",0.66677487,{"description":3200,"labels":3201,"number":3203,"owner":3143,"repository":3143,"state":3163,"title":3204,"updated_at":3205,"url":3206,"score":3207},"------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.18.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@11.1.0\n- Builder: -\n- User Config: components, css, devtools, modules, vite\n- Runtime Modules: @nuxt/fonts@0.10.3, @nuxt/icon@1.10.3, @vueuse/nuxt@12.7.0\n- Build Modules: -\n------------------------------\n\nI have 2 projects:\n\n```\nnuxt-projects/\n\tapp/\n\tui/\n```\n\nThere is package.json in each project and I did npm install.\n\nIn **app** project, I want to extends **ui**\n\n_ui nuxt.config.ts_\n```typescript\nimport tailwindcss from \"@tailwindcss/vite\";\n\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n // compatibilityDate: '2024-11-01',\n components: [\n {\n path: '~/components',\n pathPrefix: false,\n global: true, // useless for important components\n },\n ],\n css: [\"~/assets/css/main.css\"],\n devtools: { enabled: true },\n modules: [\n \"@nuxt/fonts\",\n \"@nuxt/icon\",\n \"@vueuse/nuxt\",\n ], \n vite: {\n plugins: [\n tailwindcss(),\n ],\n },\n})\n```\n\n_app nuxt.config.ts_\n\n```typescript\nimport tailwindcss from \"@tailwindcss/vite\";\n\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n // compatibilityDate: '2024-11-01',\n components: [\n {\n path: '../ui/components', // required for import components\n pathPrefix: false,\n },\n {\n path: '~/components',\n pathPrefix: false,\n },\n ],\n\n css: [\"~/assets/css/main.css\"],\n devtools: { enabled: true },\n extends: [\"../ui\"], // useless for import components\n modules: [\n \"@nuxt/fonts\",\n \"@nuxt/icon\",\n \"@nuxt/content\",\n \"@vueuse/nuxt\",\n ],\n\n vite: {\n plugins: [\n tailwindcss(),\n ],\n },\n\n compatibilityDate: \"2025-03-05\",\n})\n```\n\nIf I add only \n\n```typescript\nextends: [\"../ui\"], \n```\n\nextends doesn't work. Ui componenets are not imported. \n\nIf I add \n\n```typescript\ncomponents: [\n {\n path: '../ui/components',\n pathPrefix: false,\n },\n```\n\nIt works but then extends is useless.\n\nCould you explain how to make works extends ?\nThere is a lack of documentation about extends.\n\n\n",[3202],{"name":3140,"color":3141},31221,"Question / Issue with nuxt extends for import components","2025-03-07T21:44:41Z","https://github.com/nuxt/nuxt/issues/31221",0.6691444,{"labels":3209,"number":3217,"owner":3143,"repository":3143,"state":3163,"title":3218,"updated_at":3219,"url":3220,"score":3221},[3210,3213,3214],{"name":3211,"color":3212},"question","cc317c",{"name":3140,"color":3141},{"name":3215,"color":3216},"2.x","d4c5f9",6043,"Vuetify custom theme ignored by Nuxt","2023-01-22T15:33:07Z","https://github.com/nuxt/nuxt/issues/6043",0.6763811,{"description":3223,"labels":3224,"number":3237,"owner":3143,"repository":3143,"state":3163,"title":3238,"updated_at":3239,"url":3240,"score":3241},"### Environment\n\n[6:23:12 PM] Working directory: C:/code/test-app\r\n[6:23:12 PM] Nuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.8.1\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.1.0\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-js9bi8-ygsjlv?file=app.vue\n\n### Describe the bug\n\nExtending props from an external file seems to be broken in the latest version (3.8.2). After starting the app you can see the error:\r\n```\r\n[plugin:vite:vue] [@vue/compiler-sfc] Failed to resolve extends base type.\r\nIf this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:\r\n\r\ninterface Props extends /* @vue-ignore */ Base {}\r\n```\r\n\r\nI created a new vue app (no nuxt) to see if it was a vite or vue issue but it seemed to work ok without nuxt.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nat ScriptCompileContext.error (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:15670:11)\r\n at resolveInterfaceMembers (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:17936:13)\r\n at innerResolveTypeElements (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:17762:14)\r\n at resolveTypeElements (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:17750:35)\r\n at innerResolveTypeElements (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:17795:16)\r\n at resolveTypeElements (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:17750:35)\r\n at resolveRuntimePropsFromType (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:19186:20)\r\n at genRuntimePropsFromTypes (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:19162:17)\r\n at genRuntimeProps (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:19152:18)\r\n at Object.compileScript (C:\\code\\test-app\\node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:20260:21\n```\n",[3225,3228,3231,3232,3235],{"name":3226,"color":3227},"3.x","29bc7f",{"name":3229,"color":3230},"dx","C39D69",{"name":3153,"color":3154},{"name":3233,"color":3234},"upstream","E8A36D",{"name":3236,"color":3174},"🔨 p3-minor",24533,"External Props extend broken","2023-12-27T10:41:48Z","https://github.com/nuxt/nuxt/issues/24533",0.68201333,{"description":3243,"labels":3244,"number":3248,"owner":3143,"repository":3143,"state":3163,"title":3249,"updated_at":3250,"url":3251,"score":3252},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.20.3\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: bun@1.0.26\r\n- Builder: -\r\n- User Config: devtools, ssr, modules, components, imports, app, colorMode, googleFonts, i18n, runtimeConfig\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.0, @nuxtjs/google-fonts@3.2.0, @nuxtjs/i18n@8.3.1, radix-vue/nuxt, nuxt-icon@0.6.10, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxtjs/color-mode@3.4.1, nuxt-lodash@2.5.3, @vueuse/nuxt@10.10.0\r\n- Build Modules: \n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-g5rvb6\n\n### Describe the bug\n\nAdding a preset to `nuxt.config.ts` from `@vueuse/router` somehow removes all the auto imports from `@vueuse/nuxt`\r\n\r\n```ts\r\npresets: [\r\n {\r\n from: '@vueuse/router',\r\n imports: ['useRouteHash', 'useRouteParams', 'useRouteQuery'],\r\n },\r\n ],\r\n```\r\n\r\nI get `500 useTextDirection is not defined` or the same error message for any of vueUse composables\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3245,3246,3247],{"name":3226,"color":3227},{"name":3140,"color":3141},{"name":3233,"color":3234},27456,"Nuxt SPA breaks when adding a preset for @vueuse/router","2024-06-05T21:02:10Z","https://github.com/nuxt/nuxt/issues/27456",0.6865658,{"description":3254,"labels":3255,"number":3264,"owner":3143,"repository":3143,"state":3163,"title":3265,"updated_at":3266,"url":3267,"score":3268},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v18.16.0\n- Nuxt Version: 3.4.3\n- Nitro Version: 2.4.0\n- Package Manager: pnpm@8.5.0\n- Builder: vite\n- User Config: experimental, modules, colorMode\n- Runtime Modules: @unocss/nuxt@0.51.12, @vueuse/nuxt@10.1.2, nuxt-icon@0.4.0, nuxt-swiper@1.1.0, @nuxt/devtools@0.4.6, @nuxt/image-edge@1.0.0-28020728.5df24eb, @nuxtjs/color-mode@3.2.0\n- Build Modules: -\n\n### Reproduction\n\n\n\nThis error doesn't seem to be reproducible on Stackblitz so I have included a [github repo](https://github.com/tobychidi/nuxt-utils-import-error)\n\n### Describe the bug\n\nWhen functions are auto-imported from utils/ composables and used in Vue SFC Template, VsCode throws and error. Yes, I use the latest volar. This error appeared after `pnpm up` That bumped my Vue version to 3.3.1.\n\nI have not tried reverting Vue versions though. \n\n### Additional context\n\nExample: \n```\nProperty 'useShowSnack' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: { key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch\u003CT extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (arg...'.ts(2339)\n```\n\n_No response_\n\n### Logs\n\n_No response_",[3256,3257,3260,3261],{"name":3226,"color":3227},{"name":3258,"color":3259},"workaround available","11376d",{"name":3233,"color":3234},{"name":3262,"color":3263},"upstream-bug","B60205",20827,"TS Error with auto-imports from composables and utils in Vue Template after 3.3","2024-11-07T20:13:37Z","https://github.com/nuxt/nuxt/issues/20827",0.6870693,["Reactive",3270],{},["Set"],["ShallowReactive",3273],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fe25S-bHQaNUs60iYPh6D9_teKwlJKstGA57ubTcgCQA":-1},"/nuxt/ui/4951"]