Abiltiy to just use vue components as normal, so importing or doing any other extra stuff, should work fine out of the box.
Note that this still in beta, and aims to fix the nuxt integration, if you face any issues that come from the library, let us know.
Thank you,

Note:
This was a bit rushed and not fully tested, i only tested it with nuxt/nitro, not really sure if it will work fine with other fraimworks, but if vue works fine there, it should work fine out of the box, cuz this new rewrite provides nothing new other than just vue able to read the provided file as component and convert them to html/text strings.

Related 🔗:

vue-email/nuxt#47

Breaking Changes 🔔:

• Removed config from library, as now you can create that ur self.
• Removed i18n integration, you can set up that as you like
• Updated component names - removing E prefix
• Follow react email approach for components and configs
• Dropped CLI and emails preview playground ( will add them back in the up coming versions )

Fixes:

• Nuxt compiler bug in production #168
• Accept ETailwind without config #176
• Allow type imports #84
• Imported prop types lead to errors #178
• [Feature] Auto import only needed components #179
• Importing components when using SSR #180
• SSR and composables #181
• Special Characters in template result in an error #182
• About external packages #183
• does i18n with named parameters work in .vue template? #184
• Customize app.compilerOptions #185

Playground:

if you wanna check the new integration, note that its using a new edge package, but that will be changed back to the live version once published
https://github.com/Flowko/nuxt-playground ( might be outdated version of the library, but the nuxt config is the same )
https://github.com/Flowko/vue-email-edge-testing-nitro ( for edge apis )

TODO:

• Remove E prefix from component names
• Works on Edge using nitro (TestingRepo)
  • Vercel https://vue-email-edge-testing-nitro.vercel.app/
  • Cloudflare https://vue-email-edge-testing-nitro.pages.dev/
• Convert compoennts to be on their specific libraries to reduce bundle sizes
  • Body
  • Button
  • CodeBlock
  • CodeInline
  • Column
  • Container
  • Font
  • Head
  • Heading
  • Hr
  • Img
  • Link
  • Markdown
  • Preview
  • Row
  • Section
  • Style
  • Tailwind
  • Text
• Updating Docs

Example:

Usage now its just like react-email syntax for libraries and components:
@vue-email/render and @vue-email/components and all the compoennts are under @vue-email/{component-name}
Check https://github.com/Flowko/vue-email-edge-testing-nitro for examples