<template>
  <div class="row form-group" :key="$attrs.key">
    <label :for="localFormElement.key" class="col-12"
      >{{ localFormElement.label }}:&nbsp;</label
    >

    <p
      class="col-12 text__13 label-title"
      style="
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      "
      v-html="perityHtmlText"
    >
      
    </p>
  </div>
</template>

<script>
import formBuilderMixin from "@mixins/formBuilderMixin";
export default {
  mixins: [formBuilderMixin],

  props: {
    textItem: {
      default: "متنی وجود ندارد",
    },
  },
  computed: {
    perityHtmlText(){
      this.textItem.replaceAll('\n', '<br>')
    }    
  },
  
};
</script>

<style scoped>
.form-control {
  height: auto !important;
}
.label-title {
  font-size: 0.9rem !important;
}
</style>
