Wrapping my template in e-tailwind causes it to render nothing about vue-email HOT 3 CLOSED

so, this works if I useRender the template, but it does not work if i'm simply using the template in preview mode.

from vue-email.

could you please try "vue-email": "npm:[email protected]" also you need to have it inside of <suspense> because the tailwind component is async

<Suspense>
   <YourComponent/>
</Suspense>

but i always recommend to use useRender instead of using the components to preview:

<script setup lang="ts">
import { onMounted, ref } from 'vue'
import Test from './components/Test.vue';
import { useRender } from 'vue-email'

const email = ref('')

onMounted(async()=>{
  await useRender(Test, {
    props: {
		// your props      
    }
  }).then((res) => {
    email.value = res.html
  })
})


</script>

<template>
  <div>
    <div v-html="email"></div>
  </div>
</template>

will update once we release a new version

from vue-email.

available on the latest version

from vue-email.