Content-Length: 309142 | pFad | https://github.com/vue-email/vue-email/commit/4d3262e

98 fix: ECodeBlock rendering issues with ETailwind · vue-email/vue-email@4d3262e · GitHub
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)








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: https://github.com/vue-email/vue-email/commit/4d3262e

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy