Is it possible to auto-import from custom directories inside <template> block?

nuxt4

I'm trying to organize a project and have all my Zod schemas live inside their own directory under app/schemas/. This works just fine by adding

imports: { dirs: ["app/schemas"] }

imports: { dirs: ["app/schemas"] }

inside my

nuxt.config.ts

nuxt.config.ts

, but I can't use the auto-imported stuff inside the <template> block of my components, while placing the same files in

app/utils/

app/utils/

makes it work just fine.

How can I give my custom import directory the same behavior?