\n \u003C/NuxtLayout>\n \u003C/UApp>\n\u003C/template>\n\n```\n\n`pages/index.vue`\n```vue\n\u003Cscript lang=\"ts\" setup>\nconst toast = useToast()\n\nfunction showToast() {\n toast.add({ title: 'Title' })\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUButton label=\"Show toast\" color=\"neutral\" variant=\"outline\" @click=\"showToast\" />\n \u003C/div>\n\u003C/template>\n```\n\n## Result\n\nWith the above \"configuration\", when running `npm run dev`, NUXT will display an 500 error page with message `useToast is not defined`.\n\nMy IDE suggests I should do a manual import with: `import { useToast } from '@nuxt/ui/runtime/composables/useToast.js';`. After I applied it, VITE failed to build the app with error message:\n\n\u003Cimg width=\"926\" height=\"388\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c7341745-32e3-4162-8e9d-099de951f784\" />\n\nIf builds only if I apply the suggestion from this issue: https://github.com/nuxt/ui/issues/3928#issuecomment-2870066906.\n\n## Questions\n1. Is that hack the optimal way to solve this problem?\n2. Are composables not being auto-imported an expected behaviour?",[3193,3196,3198,3201],{"name":3194,"color":3195},"question","d876e3",{"name":3173,"color":3197},"CB47CF",{"name":3199,"color":3200},"v3","49DCB8",{"name":3202,"color":3203},"closed-by-bot","ededed",4495,"ui","Composables are not being auto-imported in NUXT 3","2025-07-18T02:16:37Z","https://github.com/nuxt/ui/issues/4495",0.66398615,{"description":3211,"labels":3212,"number":3220,"owner":3149,"repository":3149,"state":3160,"title":3221,"updated_at":3222,"url":3223,"score":3224},"### Environment\r\n\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.1.2`\r\n- Nitro Version: `2.1.2`\r\n- Package Manager: `pnpm@7.17.1`\r\n- Builder: `vite`\r\n- User Config: `css`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\n1. Start the dev server with `pnpm dev` or `pnpm run dev`\r\n2. Edit a composable return\r\n3. Refresh your web page and an error 500 should appear saying your composable useXXX is not defined\r\n\r\npnpm: https://stackblitz.com/edit/github-ywg4lu?file=composables%2FuseFoo.ts\r\nnpm: https://stackblitz.com/edit/github-1hay52-amtd8x?file=composables%2FuseNetwork.js _(edit @lihbr)_\r\n\r\nIf you stop and restart the server with `pnpm dev` or `pnpm run dev` it work again until you edit your composable again.\r\n\r\n### Describe the bug\r\n\r\nStarting the dev server with `pnpm dev` or `pnpm run dev` break the auto-load or something related when a composable is modified.\r\nEverything work as expected if I use `pnpm nuxi dev` _(edit @lihbr `npx nuxi dev` doesn't seem to fix it the same way)_\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3213,3214,3217],{"name":3169,"color":3170},{"name":3215,"color":3216},"bug","d73a4a",{"name":3218,"color":3219},"❗ p4-important","D93F0B",18897,"Composable auto-imports break when modified, `useXXX` is not defined (`pnpm run dev`/`npm run dev`)","2023-07-05T09:25:23Z","https://github.com/nuxt/nuxt/issues/18897",0.6706275,{"description":3226,"labels":3227,"number":3231,"owner":3149,"repository":3149,"state":3160,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### 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_",[3228,3229,3230],{"name":3169,"color":3170},{"name":3143,"color":3144},{"name":3173,"color":3174},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.67097473,{"description":3237,"labels":3238,"number":3242,"owner":3149,"repository":3149,"state":3160,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### Environment\r\n\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `0.0.0`\r\n- Nitro Version: `-`\r\n- Package Manager: `npm@9.2.0`\r\n- Builder: `webpack`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n`composables/usePaginate.ts`\r\n\r\n````\r\nimport { useState } from \"#app\"\r\nexport default function usePaginate() {\r\n \r\n const generatePaginationQuery = (pageSize = 0, page = 0) => {\r\n return {\r\n _perPage: pageSize,\r\n _page: page,\r\n }\r\n }\r\n return useState('paginate', () => {\r\n return {\r\n generatePaginationQuery\r\n }\r\n } )\r\n}\r\n````\r\n\r\n`plugins/data.ts`\r\n\r\n````\r\nimport { defineNuxtPlugin } from \"#app\";\r\nexport default defineNuxtPlugin((pnuxt) => {\r\n return {\r\n provide: {\r\n iUsePaginate : () => {\r\n return nuxt.$paginate.generatePaginationQuery(1, 3)\r\n }\r\n }\r\n }\r\n})\r\n````\r\n\r\n`components/test.vue`\r\n````\r\n\u003Ctemplate>\r\n \u003Cdiv>test\u003C/div>\r\n\u003C/template>\r\n\u003Cscript>\r\nexport default {\r\n setup() {\r\n const iUsePaginate = useNuxtApp().$iUsePaginate\r\n const paginate = usePaginate() // useNuxtApp().$paginate is also undefined\r\n return {\r\n iUsePaginate,\r\n paginate\r\n }\r\n },\r\n mounted() {\r\n console.log(this.iUsePaginate()) // return undefined\r\n console.log(this.paginate) // return undefined\r\n }\r\n} \r\n\u003C/script>\r\n````\r\n\r\n\r\n### Describe the bug\r\n\r\n\r\nFor some reason both the plugin and composables are undefined. \r\n\r\nThanks for your help.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3239,3240,3241],{"name":3169,"color":3170},{"name":3143,"color":3144},{"name":3173,"color":3174},12383,"Composables and plugins are undefined","2023-01-19T16:18:51Z","https://github.com/nuxt/nuxt/issues/12383",0.67918897,{"labels":3248,"number":3253,"owner":3149,"repository":3149,"state":3160,"title":3254,"updated_at":3255,"url":3256,"score":3257},[3249,3252],{"name":3250,"color":3251},"documentation","5319e7",{"name":3169,"color":3170},11924,"Missing JSDocs for nuxt3 Composables","2023-01-19T17:02:55Z","https://github.com/nuxt/nuxt/issues/11924",0.68352336,{"description":3259,"labels":3260,"number":3264,"owner":3149,"repository":3149,"state":3160,"title":3265,"updated_at":3266,"url":3267,"score":3268},"### Environment\n\n\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.13.0`\r\n- Nuxt Version: `3.2.2`\r\n- Nitro Version: `2.2.2`\r\n- Package Manager: `npm@8.19.3`\r\n- Builder: `vite`\r\n- User Config: `app`, `build`, `modules`, `proxy`, `css`, `vite`, `i18n`, `runtimeConfig`, `plugins`, `components`\r\n- Runtime Modules: `@nuxtjs/i18n@8.0.0-beta.9`, `nuxt-proxy@0.3.12`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nI created this repo to reproduce my code behavior : https://stackblitz.com/edit/setup-composables?file=app.vue,composables%2FuseSecondStore.ts\r\n\r\nBut I couldn't reproduce the error. In fact sometimes my composables are not accessible TypeError: XXXStore is not a function.\r\n\r\nThey are called in the setup function of each components. \r\n\r\n\n\n### Describe the bug\n\nI am stuck with this random error for weeks now and I trully don't understant why my code does this. \r\n\r\n````javascript\r\nsetup() { \r\n const nuxt = useNuxApp() // this is undefined sometimes\r\n // so goes for the other composables\r\n}\r\n````\r\n\r\nwhy ?\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3261,3262,3263],{"name":3169,"color":3170},{"name":3143,"color":3144},{"name":3173,"color":3174},19257,"Composables function undefined","2023-04-05T12:50:43Z","https://github.com/nuxt/nuxt/issues/19257",0.68672097,["Reactive",3270],{},["Set"],["ShallowReactive",3273],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fZVn5oHPdo1__0qNBKOzY8hqpgNQGBY-9OI-rQLKQiYE":-1},"/nuxt/nuxt/10475"]