Browser-compatible mjml module for NuxtJS.
You can install nuxt-mjml-web
with your npm
client of choice.
$ npm install --save-dev nuxt-mjml-web
Add nuxt-mjml-web
to the buildModules
section of nuxt.config.js
.
export default {
buildModules: ['nuxt-mjml-web'],
}
The module depends on mjml-web and takes care of isolating the bundle into its own chunk. It also prevents minification from breaking mjml component registration.
import mjml2html, { registerComponent } from 'mjml-web'
registerComponent(MyComponent)
mjml2html('<mjml>...</mjml>')
Keep in mind that the bundle isn't compatible with server-side rendering. You should only import mjml-web
in a client-only context. You can use dynamic imports to only load mjml when you need it.
const { default: mjml2html, registerComponent } = await import('mjml-web')
registerComponent(MyComponent)
mjml2html('<mjml>...</mjml>')
License - MIT