<template>
<div class="play-paper">
  <div class="play-paper-body">
    <div class="play-paper-title"><div><h3>{{chapterName}}</h3></div></div>
    <div class="play-paper-content">
      <ul class="play-read-files">
        <li><a :href="chapterRead.reading_attachment" target="_blank" v-html="chapterRead.reading_content"></a></li>
      </ul>
    </div>
  </div>
</div>
</template>

<script>
export default {
  props: {
    chapterRead: { type: Object, require: false },
    chapterName: { type: String, require: false }
  }
}
</script>
