<template>
  <chapter-work-answer-item :data="data" :key="data.id" v-bind="$attrs">
    <h3 class="comment-title">{{ $t('viewerWork.commentMyTitle') }}</h3>
    <v-editor v-model="data.comment" :disabled="disabled"></v-editor>
  </chapter-work-answer-item>
</template>

<script>
// componets
import ChapterWorkAnswerItem from './chapterWorkAnswerItem.vue'
import VEditor from '@/components/tinymce'

export default {
  props: { data: { type: Object, default: () => ({}) }, disabled: { type: Boolean } },
  components: { ChapterWorkAnswerItem, VEditor },
  data() {
    return {}
  }
}
</script>

<style lang="scss">
.comment-title {
  margin: 10px 0;
  font-size: 14px;
  font-weight: normal;
  // padding: 10px 0;
}
</style>
