<template>
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <textarea
          class="form-control"
          v-model="sectionContent"
          rows="1"
        ></textarea>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState, mapActions } from "pinia";
// import entityApi from "~/apis/entityApi";


export default {
  props: ["sectionItem"],
  beforeMount() {
    this.httpService = useNuxtApp()["$http"];
  },
  mounted(){
    this.sectionContent = this.sectionItem._source.content;
  },
  data() {
    return {
      httpService: undefined,
      sectionContent: null,
    };
  },
  // computed: {
  //   ...mapState("entity", ["textStepsGetter"]),
  // },
  methods: {
    // setItem(item) {
    //   this.editItemToDisplay = item;
    //   this.editDescription = item._source.description;
    //   this.editData = item._source.data;
    //   //  console.log(item);
    // },
    // waiverEdit() {
    //   this.statusEdit = false;
    //   this.$emit("statusEdit", this.statusEdit);
    // },
    // addEdit() {
    //   let url = entityApi.level.edit;
    //   url = url.replace("{{id}}", this.editItemToDisplay._id);
    //   const formData = {
    //     vesrion_number: this.editItem.version_number,
    //     description: this.editDescription,
    //     data: this.editData,
    //   };
    //   this.httpService.postRequest(url, formData).then((res) => {
    //     // console.log(res);
    //   });
    // },
    // saveNewEdit() {
    //   let url = entityApi.level.saveEdit;
    //   url = url.replace("{{sanad}}", this.params.key);
    //   const formData = {
    //     vesrion_number: this.editItem.version_number,
    //     description: this.NewEditDescription,
    //     title: this.editItem.title,
    //     table_docid: this.params.id,
    //     id_key: "content",
    //     data: this.NewEditData,
    //   };
    //   this.httpService.postRequest(url, formData).then((res) => {
    //     // console.log(res);
    //   });
    // },
    // deleteItem() {
    //   let url = entityApi.level.delete;
    //   url = url.replace("{{id}}", this.editItemToDisplay._id);
    //   this.httpService.postRequest(url).then((res) => {
    //     // console.log(res);
    //   });
    // },
  },
  
};
</script>

<style scoped lang="scss"></style>