feat: SSR as it should be

[Flowko]

Ability to just use vue components as normal, so importing or doing any other extra stuff, should work fine out of the box ( if vue supports it, it should work, if not then it wont).
we will be dropping the compiler library as we wont be supporting it anymore.
Note that this doesnt use any custom compiler other than what vue provides, also there might be some limitations in importing vue files on the server side, but its doable.

Related 🔗:

vue-email/vue-email#177

Breaking Changes 🔔:

• Removed config from module, as now you can create that ur self.
• Removed nuxt devtools client for now, will rebuild it on the upcoming version with new features
• Removed Auto imported component, you should import what you need from the library
• Removed i18n integration, you can set up that as you like
• Updated component names - removing E prefix
• Nuxt Library will be removed in favor of letting the main library handle the compoennts, since the nuxt library serves no purpose as it only adds support to rollup using @vitejs/plugin-vue , will be documented for more info

Fixes:

• useCompiler memory leak #46
• Error when using npm run dev after installed #45
• useCompiler return type missing ? #43
• Nuxt compiler bug in production #40
• [Nuxt] Updating from vue-emai to @vue-email/nuxt breaks email rendering #27
• baseUrl not present after running export command #41
• Issues with usage of @vue-email/nuxt along with @nuxtjs/i18n #36
• Local path should not be exposed #49
• Incorrect behavior when 'srcDir' is set (Nuxt3) #48

Tests:

• importing
• renders email on server
• typed props support
• i18n support ( not as straight forward as i hoped it be, but its possible with https://i18n.nuxtjs.org/docs/guide/server-side-translations check also the playground below for code example)
• Removing the nuxt library as its no longer needed

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

Changes:

// /api/test.post.ts
import { useRender } from 'vue-email-edge'
import Email from '../../components/Email.vue'

export default defineEventHandler(async (event) => {
  const html = await useRender(Email, {
    userFirstName: 'John',
    loginDevice: 'Chrome on Mac OS X',
    loginLocation: 'Upland, California, United States',
    loginIp: '00.000.00.000',
    loginDate: new Date('September 7, 2022, 10:58 am'),
  })

  return html.html
})