New features
Liquid-like filters
Added Liquid-like filters through attributes. This already exists in Maizzle 5, it just needed porting over.
<Teleport>
This Vue 3 feature now works, so you can push content pretty much anywhere in your HTML. This will be the successor of the Blade-inspired <push> tags from Maizzle 5.
Code components
Added <CodeBlock and <CodeInline> components to generate HTML email-optimized, syntax highlighted code blocks.
<Preview>
Added a <Preview> component that can be used to define preview/preheader text for an email.
usePreviewText composable
Preview text can also be defined with the help of this new composable.
Auto self-closing tags
Self-closing tags like <br> or <meta> will now get the closing / automatically, based on your doctype. So in XHTML documents, you will see <br /> even if you wrote it as <br> in the template.
Updated
- updated the
<Button>component types so you know exactly what to pass in props such asvariant=""
Fixed
- fixed an issue where Tailwind utilities in framework-provided components were not being generated
- fixed an issue where CSS
calc()values in vendor prefixed properties were not resolved by LightningCSS - fixed an issue where the source code and plaintext previews were not being properly updated when a template was updated during local development
- feat: CodeInline component 5be2dc7
- fix: evaluate css calc for vendor properties 37e59e7
- test: the preview component 26e2147
- feat: CodeBlock component 6bc4cd8
- feat: usePreviewText composable c7442bb
- feat: preview text component 5c1ed4a
- fix: updating rendered source preview 4df2bfa
- fix: ts errors in jsdoc for tailwindcss.ts 5791af6
- fix: tailwind compilation 65077ae
- refactor: button component 84e7c0c
- feat: handle self-closing tags based on doctype 5499b5a
- feat: add support for <Teleport> bf5a7b7
- feat: filter directives dc97b29