Skip to content

Commit 4d3262e

Browse files
FlowkoFlowko
committed
fix: ECodeBlock rendering issues with ETailwind
1 parent 81c34b1 commit 4d3262e

File tree

5 files changed

+767
-922
lines changed

5 files changed

+767
-922
lines changed

‎playground/src/components/EtailwindCode.vue

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<script setup lang="ts">
2+
import { EBody, ECodeBlock, EContainer, EHead, EHtml, EPreview, ESection, ETailwind, EText } from 'vue-email'
3+
4+
const code1 = `<template>
5+
<div>
6+
<h2>Child</h2>
7+
<slot name="top" />
8+
<slot name="bottom" />
9+
</div>
10+
</template>`
11+
</script>
12+
13+
<template>
14+
<ETailwind>
15+
<EHtml>
16+
<EHead />
17+
<title>Title</title>
18+
<EPreview>Preview</EPreview>
19+
<EBody class="mx-auto my-auto w-full bg-white font-sans">
20+
<EContainer
21+
class="mx-auto my-[40px] w-full max-w-[650px] p-[20px] md:p-7"
22+
>
23+
<ESection>
24+
<ECodeBlock :code="code1" lang="vue" theme="poimandres" />
25+
</ESection>
26+
</EContainer>
27+
</EBody>
28+
</EHtml>
29+
</ETailwind>
30+
</template>

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy