Why is vue-email included in the client bundle when using Nuxt?

[UfukUstali]

Issue Description

When using Nuxt and running nuxt analyze, it is reported that the vue-email files are included in the client bundle, even though they are only used under the server folder (and not imported in any file that would be sent to the client). This issue is impacting the loading time significantly, as these files measure up to around 500kB in the entry.js file, which is as the name implies the entry file for the whole website and is blocking (atleast from what I could observe through the Lighthouse reports).

Expected Behavior

The vue-email package should not be included in the client bundle and operate only server side.

Additional Information

• Nuxt version: 3.7.4
• vue-email version: 0.7.2

Screenshots or Output

As you can see in the below example while the entire screenshot is entry.js (925.57kB) and the blue outlined part is everything that vue-email includes (488.22kB) which covers 52.75% of the the entry.js file. These numbers are reported by Nuxt.

[Dave136]

We'll work on improve this.

Thanks for your comment!

[barnabastoth]

Any other workarounds for now? If I install in my nuxt (nitro) app as in node js, it works locally, but when deployed it can not resolve the relative path

[Dave136]

@barnabastoth can you show me what are u doing? To have better context

[Flowko]

hi, added autoImport option to the vueEmail config, thats false by default, meaning components/composables from vue-email wont be imported in the client, and it will be fine in the server side, the overall size now should be fine on version 0.8.1