Vue.js port of react-letter.

Available in NPM, can be installed with yarn add vue-letter or npm install vue-letter.

Usage

<script setup>
  import { Letter } from 'vue-letter';
</script>

<template>
  <div id="app">
    <Letter html="<script>test</script> hello <h1>world</h1>" />
  </div>
</template>

Attributes

All react-letter properties are supported.

| Attribute | Type | Description | Default | | ------------------------ | -------------------------- | ------------------------------------------------------------------------------------------------------------ | ----------------------------- | | className | String | Class name of the wrapper div. | undefined | | html | String | Unsanitized e-mail HTML contents. | | | text | String | Unsanitized e-mail text contents (fallback if html is not set or empty). | | | useIframe | Boolean | Should the HTML be wrapped in an iframe. | false | | iframeTitle | String | Iframe title, usually set to subject of the message. | | | rewriteExternalResources | Function(string) => string | The result of this function will be used to rewrite the URLs for url(...) in CSS and src attributes in HTML. | | | rewriteExternalLinks | Function(string) => string | The result of this function will be used to rewrite the URLs for href attributes in HTML. | | | allowedSchemas | String[] | List of allowed URL schemas. | ['http', 'https', 'mailto'] | | preserveCssPriority | Boolean | Preserves CSS priority (!important). | true |