<template>
  <div>
    <van-form class="pragraph">
      <van-cell-group inset>
        <div
          class="text"
          contenteditable
          v-text="item.title"
          :style="item.title_style"
        ></div>
        <slot></slot>
      </van-cell-group>
    </van-form>
    <br />
  </div>
</template>

<script setup>
import { defineProps } from 'vue';
import 'vant/lib/index.css';

defineProps({
  item: Object,
});
</script>

<style scoped>
.pragraph {
  font-weight: 400;
}
.text {
  outline: none;
  border: 1px solid #fff;
}
.text:focus {
  border-color: red;
}
</style>
