https://github.com/thormeier/nuxt-mjml
https://github.com/thormeier/nuxt-mjml
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/thormeier/nuxt-mjml
- Owner: thormeier
- License: mit
- Created: 2024-10-25T12:08:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-04T19:15:21.000Z (about 1 year ago)
- Last Synced: 2025-09-15T11:58:38.657Z (10 months ago)
- Language: TypeScript
- Size: 600 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# nuxt-mjml
MJML implementation as a Nuxt module.
## Warning
This things is **highly experimental**! Use at your own risk!
## Interface adjustments
* When not specifying the width of individual columns, you need to specify them on the section/group:
```
...
...
```
## Missing functionality
The following components are not implemented because they have simpler solutions that can be offered via Vue:
* mj-attributes - Can be achieved via using components
* mj-breakpoints - Is achieved via setting the `breakpoint` attribute on ``.
* mj-html-attributes - Can be achieved via component props
## Use MJML context in custom component
In a child component of `` use:
```
const mjmlContext = inject('mjmlContext')
```
## A word on buttons
Since Outlook doesn't allow anchors around tables, make sure to not use tables in the content of a ``.
If you need icons in a button, use plain old image tags instead.