From 8861fc2dd4373103a4f644ef71ebe2941242ee29 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Mon, 14 Jan 2019 22:43:20 +0700
Subject: [PATCH] =?UTF-8?q?=D0=92=D1=80=D0=B5=D0=BC=D0=B5=D0=BD=D0=BD?=
 =?UTF-8?q?=D1=8B=D0=B9=20=D0=BA=D0=BE=D0=BC=D0=BC=D0=B8=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Reader/TextPage/TextPage.vue   | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/client/components/Reader/TextPage/TextPage.vue b/client/components/Reader/TextPage/TextPage.vue
index dca8353d..8f60be2a 100644
--- a/client/components/Reader/TextPage/TextPage.vue
+++ b/client/components/Reader/TextPage/TextPage.vue
@@ -1,6 +1,8 @@
 <template>
     <div class="main">
-        <pre>{{ parsedBook }}</pre>
+        <p v-for="item in items" :key="item.id">
+            {{ item.text }}
+        </p>
     </div>
 </template>
 
@@ -13,7 +15,7 @@ import bookManager from '../share/bookManager';
 export default @Component({
 })
 class TextPage extends Vue {
-    parsedBook = null;
+    items = null;
 
     created() {
         this.commit = this.$store.commit;
@@ -35,6 +37,13 @@ class TextPage extends Vue {
                 }
                 const book = await bookManager.getBook(last);
                 this.book = book.parsed;
+
+                let lines = [];
+                const len = (this.book.para.length > 50 ? 50 : this.book.para.length);
+                for (let i = 0; i < len; i++) {
+                    lines.push({key: i, text: this.book.para[i].text});
+                }
+                this.items = lines;
             })();
         }
     }
@@ -54,4 +63,10 @@ class TextPage extends Vue {
     display: flex;
     flex-direction: column;
 }
+
+p {
+    margin: 0;
+    padding: 0;
+    text-indent: 3%;
+}
 </style>
\ No newline at end of file