Where to put component types for auto-importing?

nuxt4🗂️layers

typescript

I'm converting a big component library to a Nuxt 4 layer. All components are in the

components

components

directory. Many use complex types that I want to auto-import in the next layer. Those types usually live in a file called

types.ts

types.ts

in the folder of their component. E.g. a button component might have two paths that I want to import:

components/button/UIButton.vue

components/button/UIButton.vue

and

components/button/types.ts

components/button/types.ts

. When I structure it like that, Nuxt warns me about: 'Two component files resolving to the same name Types' for all those files.

I've tried renaming them, but I'm not sure that is the best approach. I don't actually want Nuxt to detect those types as components, I just want to auto-import my types.

What is the best way to auto-import types from a Nuxt 4 Layer?

Nuxt•3mo ago•

15 replies

tillsanders

Where to put component types for auto-importing?

nuxt4🗂️layers

typescript

I'm converting a big component library to a Nuxt 4 layer. All components are in the

components

components

directory. Many use complex types that I want to auto-import in the next layer. Those types usually live in a file called

types.ts

types.ts

in the folder of their component. E.g. a button component might have two paths that I want to import:

components/button/UIButton.vue

components/button/UIButton.vue

and

components/button/types.ts

components/button/types.ts

Where to put component types for auto-importing?

Similar Threads

Where to put component types for auto-importing?

Similar Threads

Similar Threads

Similar Threads