Where to store common types shared between client and server?

[drifting mantle]

I thought at first to use the utils folder, but then the documentation specifically says:

"These utils are only available within the Vue part of your app.
Only server/utils are auto-imported in the server/ directory."

Where is it recommended to store shared functions and types? ☺️ (besides components and composables, which I understand can be used from anywhere when stored in the folders by the same names)

[drifting mantle]

I ended up creating a folder at the root to store common types './types'

Not sure this is best practice, or if this will even work after build? Not sure how Nuxt works behind the scenes, so maybe this only works in dev

[twin flare]

I also use a types folder or file for that usually

for functions, you can use utils for nuxt/client-related utils and "server/utils" for server/api-related utils

But I would highly advise to not put composables in there and keep the semantic meaning - https://www.youtube.com/watch?v=N0QrFKBZuqA

[drifting mantle]

Thank you! 😊

Is it okay to create any folders in the root i want and use from them? I do have a lot of utils that are useful for both client side and server side, so creating new folders at the root are initially shared unless it's a special folder?

[twin flare]

you would have to import them manually but sure, you can. You could also define them and re-export them

https://www.youtube.com/watch?v=0_hZymmpUHQ