\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?",[3122,3123,3126,3127],{"name":3108,"color":3109},{"name":3124,"color":3125},"needs reproduction","CB47CF",{"name":3111,"color":3112},{"name":3128,"color":3129},"closed-by-bot","ededed",4495,"Composables are not being auto-imported in NUXT 3","2025-07-18T02:16:37Z","https://github.com/nuxt/ui/issues/4495",0.6763189,["Reactive",3136],{},["Set"],["ShallowReactive",3139],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNz2iWfNiQPJwzHy8PhoBDmY5IvM2RFKqqkYFRQCDrlY":-1},"/nuxt/ui/1289"]