<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"
            >{{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>

<style scoped>
::v-deep p {
  margin: 0;
}
</style>
