<template>
  <div class="text" v-html="text"></div>
</template>
<script setup>
import { defineProps } from 'vue';

defineProps({
  text: String,
});

// const li = prop.text.replace(/\n/g, '^').split('');
// let index = 0;
// const EleText = ref(li[0] || '');
// let t = window.setInterval(() => {
//   if (index++ >= li.length) return window.clearInterval(t);
//   if (li[index] === '^') EleText.value += '<br />';
//   else EleText.value += li[index] || '';
// }, 50);
</script>
<style></style>
