vue-letter

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