Skip to content

ECodeBlock rendering issues in combination with ETailwind #141

@Mokkapps

Description

@Mokkapps

Actual Behavior

HTML tags are not correctly rendered in a ECodeBlock is inside ETailwind, for examle it render div> instead of </div>

image

<script setup lang="ts">
const code1 = `<template>
<div>
  <h2>Child</h2>
  <slot name="top" />
  <slot name="bottom" />
</div>
</template>`;
</script>

<template>
  <ETailwind>
    <EHtml>
      <EHead />
      <title>Title</title>
      <EPreview>Preview</EPreview>
      <EBody class="mx-auto my-auto w-full bg-white font-sans">
        <EContainer
          class="mx-auto my-[40px] w-full max-w-[650px] p-[20px] md:p-7"
        >
          <ESection>
            <ECodeBlock :code="code1" lang="vue" theme="poimandres" />
          </ESection>
        </EContainer>
      </EBody>
    </EHtml>
  </ETailwind>
</template>

Expected Behavior

ECodeBlock is correctly rendered inside ETailwind

Reproduction

https://stackblitz.com/edit/github-jwbr3n?file=emails%2FTest.vue

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions