\nI'd really appreciate it if the team considers a more flexible and intuitive API.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3167,3168],{"name":3152,"color":3153},{"name":3169,"color":3170},"pending triage","E99695",29275,"Better API for Auto Imports Customization","2024-10-08T08:40:01Z","https://github.com/nuxt/nuxt/issues/29275",0.6543675,{"description":3177,"labels":3178,"number":3180,"owner":3158,"repository":3158,"state":3181,"title":3182,"updated_at":3183,"url":3184,"score":3185},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.10.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n\n### Reproduction\n\nhttps://github.com/prof-schnitzel/nuxt-module-composable-bug/tree/main\n\n### Describe the bug\n\nI created a simple composable in a module which is auto imported in a component and used there. In the playground of that module I can see that everything works. If I use that module in a nuxt application and open the browser I simply get the error `useHook is not defined`. Actually I just followed the documentation, so I cannot see any error in my code. Is this a bug?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3179],{"name":3169,"color":3170},30594,"closed","Auto imported composable in module does not work outside of module","2025-01-28T13:53:41Z","https://github.com/nuxt/nuxt/issues/30594",0.63544685,{"description":3187,"labels":3188,"number":3201,"owner":3158,"repository":3158,"state":3181,"title":3202,"updated_at":3203,"url":3204,"score":3205},"### 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_",[3189,3192,3195,3198],{"name":3190,"color":3191},"3.x","29bc7f",{"name":3193,"color":3194},"workaround available","11376d",{"name":3196,"color":3197},"upstream","E8A36D",{"name":3199,"color":3200},"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.6362578,{"description":3207,"labels":3208,"number":3211,"owner":3158,"repository":3158,"state":3181,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.5.3\r\n- Nitro Version: 2.4.1\r\n- Package Manager: npm@9.6.4\r\n- Builder: vite\r\n- User Config: app, ssr, devtools, modules, tailwindcss\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.8.0, nuxt-icon@0.4.1\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nStackblitz (thanks to `.pin8` from Nuxt Discord): https://stackblitz.com/edit/github-1hay52?file=composables%2FuseNetwork.js\r\n\r\n1. Fork the Stackblitz\r\n2. Update things in `useNetwork()` (add logs, various return statements, anything)\r\n3. App throws `ReferenceError` directly or after a few attempts\r\n\r\n### Describe the bug\r\n\r\nComposables auto-import seems to be flaky/unstable for some reason here 🤔\r\n\r\nWhen you first run your app, everything's fine, but as soon as you experience the `ReferenceError` you can clear it either by saving again every components relying on said composable, or by restarting the whole app.\r\n\r\n### Additional context\r\n\r\nI've tried to look about it for a bit:\r\n- Doesn't seems like a regression, tried on `3.5.3` (latest), `3.5.0`, `3.4.3`, `3.3.3` without luck (but because of dependency resolutions this might be something upstream, somewhere)\r\n- Doesn't seems like something on `unimport`, tried with dependency overrides from `3.0.0` to `3.0.8` (was my first upstream issue guess, but again, maybe something else or upstream from there)\r\n- Doesn't seem related to top-level `App.vue`, had the same when using page directory\r\n\r\nPart of me still wants to believe it's a silly mistake something and just a DX issue 🤔\r\n\r\nRelated:\r\n- Discord: https://stackblitz.com/edit/github-1hay52?file=composables%2FuseNetwork.js\r\n- Stack Overflow: https://stackoverflow.com/questions/75942987/nuxt-3-code-change-in-composable-generates-referenceerror/76497211?noredirect=1#comment134880834_76497211\r\n\r\nQuite clueless for now, but available if anything 🙏\r\n\r\n### Logs\r\n\r\n```\r\n[nuxt] error caught during app initialization ReferenceError: useXXX is not defined\r\n at setup (MyComponent.vue:4:37)\r\n at callWithErrorHandling (chunk-3Q27KRJ5.js:213:18)\r\n at setupStatefulComponent (chunk-3Q27KRJ5.js:7279:25)\r\n at setupComponent (chunk-3Q27KRJ5.js:7240:36)\r\n at mountComponent (chunk-3Q27KRJ5.js:5645:7)\r\n at processComponent (chunk-3Q27KRJ5.js:5611:9)\r\n at patch (chunk-3Q27KRJ5.js:5084:11)\r\n at mountChildren (chunk-3Q27KRJ5.js:5328:7)\r\n at mountElement (chunk-3Q27KRJ5.js:5235:7)\r\n at processElement (chunk-3Q27KRJ5.js:5200:7)\r\n```",[3209,3210],{"name":3190,"color":3191},{"name":3169,"color":3170},21673,"Composables auto-imports throw \"ReferenceError: `useXXX` is not defined\" on update","2023-06-21T10:42:11Z","https://github.com/nuxt/nuxt/issues/21673",0.6375837,{"labels":3217,"number":3220,"owner":3158,"repository":3158,"state":3181,"title":3221,"updated_at":3222,"url":3223,"score":3224},[3218,3219],{"name":3190,"color":3191},{"name":3169,"color":3170},14576,"RC-8 composables auto-imports regression for /composables/\u003Cfolder>/index.ts","2023-01-19T17:37:22Z","https://github.com/nuxt/nuxt/issues/14576",0.63759786,{"description":3226,"labels":3227,"number":3229,"owner":3158,"repository":3158,"state":3181,"title":3230,"updated_at":3231,"url":3232,"score":3233},"------------------------------\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",[3228],{"name":3169,"color":3170},31221,"Question / Issue with nuxt extends for import components","2025-03-07T21:44:41Z","https://github.com/nuxt/nuxt/issues/31221",0.6431369,{"labels":3235,"number":3246,"owner":3158,"repository":3158,"state":3181,"title":3247,"updated_at":3248,"url":3249,"score":3250},[3236,3237,3240,3243],{"name":3190,"color":3191},{"name":3238,"color":3239},"bug","d73a4a",{"name":3241,"color":3242},"components","05B979",{"name":3244,"color":3245},"❗ p4-important","D93F0B",13538,"Autoimport components dir","2023-10-06T09:49:35Z","https://github.com/nuxt/nuxt/issues/13538",0.64661556,{"labels":3252,"number":3253,"owner":3158,"repository":3158,"state":3181,"title":3247,"updated_at":3254,"url":3255,"score":3256},[],13657,"2023-01-19T17:02:40Z","https://github.com/nuxt/nuxt/issues/13657",0.6500951,{"description":3258,"labels":3259,"number":3265,"owner":3158,"repository":3158,"state":3181,"title":3266,"updated_at":3267,"url":3268,"score":3269},"### Environment\n\n\"nuxt\": \"^3.6.2\",\r\n\n\n### Reproduction\n\nHi!\r\nI try to add a composable under the composables folder and call it into a vue file.\n\n### Describe the bug\n\nIt returns 500 Not Defined\r\n\r\n\u003Cimg width=\"1047\" alt=\"Screenshot 2023-07-14 at 10 11 07\" src=\"https://github.com/nuxt/nuxt/assets/38940340/b6569e6f-10b3-453d-8a7d-3f688656bfb7\">\r\n\r\nThanks and kind regards,\r\n\r\nDavide\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3260,3261,3262],{"name":3190,"color":3191},{"name":3169,"color":3170},{"name":3263,"color":3264},"needs reproduction","FBCA04",22136,"Composables autoimport doesn't works in my \"nuxt\": \"^3.6.2\",","2023-10-20T10:59:25Z","https://github.com/nuxt/nuxt/issues/22136",0.65038174,["Reactive",3271],{},["Set"],["ShallowReactive",3274],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYfj8e6oBUwSy5WzKtEY9BGsSHEYZgZPhuwVn-Dy1sG8":-1},"/nuxt/ui/4495"]