\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).",[3035,3036],{"name":3020,"color":3021},{"name":3037,"color":3038},"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":3045,"labels":3046,"number":3048,"owner":3026,"repository":3026,"state":3049,"title":3050,"updated_at":3051,"url":3052,"score":3053},"### 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```",[3047],{"name":3037,"color":3038},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":3055,"labels":3056,"number":3069,"owner":3026,"repository":3026,"state":3049,"title":3070,"updated_at":3071,"url":3072,"score":3073},"### 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_",[3057,3060,3063,3066],{"name":3058,"color":3059},"3.x","29bc7f",{"name":3061,"color":3062},"workaround available","11376d",{"name":3064,"color":3065},"upstream","E8A36D",{"name":3067,"color":3068},"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":3075,"labels":3076,"number":3079,"owner":3026,"repository":3026,"state":3049,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### 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```",[3077,3078],{"name":3058,"color":3059},{"name":3037,"color":3038},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":3085,"number":3088,"owner":3026,"repository":3026,"state":3049,"title":3089,"updated_at":3090,"url":3091,"score":3092},[3086,3087],{"name":3058,"color":3059},{"name":3037,"color":3038},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":3094,"labels":3095,"number":3097,"owner":3026,"repository":3026,"state":3049,"title":3098,"updated_at":3099,"url":3100,"score":3101},"------------------------------\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",[3096],{"name":3037,"color":3038},31221,"Question / Issue with nuxt extends for import components","2025-03-07T21:44:41Z","https://github.com/nuxt/nuxt/issues/31221",0.6431369,{"labels":3103,"number":3114,"owner":3026,"repository":3026,"state":3049,"title":3115,"updated_at":3116,"url":3117,"score":3118},[3104,3105,3108,3111],{"name":3058,"color":3059},{"name":3106,"color":3107},"bug","d73a4a",{"name":3109,"color":3110},"components","05B979",{"name":3112,"color":3113},"❗ p4-important","D93F0B",13538,"Autoimport components dir","2023-10-06T09:49:35Z","https://github.com/nuxt/nuxt/issues/13538",0.64661556,{"labels":3120,"number":3121,"owner":3026,"repository":3026,"state":3049,"title":3115,"updated_at":3122,"url":3123,"score":3124},[],13657,"2023-01-19T17:02:40Z","https://github.com/nuxt/nuxt/issues/13657",0.6500951,{"description":3126,"labels":3127,"number":3133,"owner":3026,"repository":3026,"state":3049,"title":3134,"updated_at":3135,"url":3136,"score":3137},"### 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_",[3128,3129,3130],{"name":3058,"color":3059},{"name":3037,"color":3038},{"name":3131,"color":3132},"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",3139],{},["Set"],["ShallowReactive",3142],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYfj8e6oBUwSy5WzKtEY9BGsSHEYZgZPhuwVn-Dy1sG8":-1},"/nuxt/ui/4495"]