From b82fffc883ce00146b43719f5bad6d0ff75da0be Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Tue, 19 Sep 2023 01:16:04 +0800
Subject: [PATCH] feat: perfect this article

---
 src/components/Practice/AddArticle.vue  | 1111 +--------------------
 src/components/Practice/Practice.vue    | 1117 ++++++++++++++++++++-
 src/components/Practice/TypeArticle.vue | 1174 ++++++++++++++++++++++-
 src/components/Toolbar/Add.vue          |    1 -
 src/stores/base.ts                      |    4 +
 src/types.ts                            |    4 +-
 6 files changed, 2269 insertions(+), 1142 deletions(-)

diff --git a/src/components/Practice/AddArticle.vue b/src/components/Practice/AddArticle.vue
index bf8fd381..ab9b0210 100644
--- a/src/components/Practice/AddArticle.vue
+++ b/src/components/Practice/AddArticle.vue
@@ -53,1096 +53,6 @@ let article = reactive<Article>({
   newWords: [],
   articleAllWords: [],
   sections: [],
-  sections2: [
-    [
-      {
-        "text": "Last week I went to the theatre. ",
-        "translate": "上周我去了剧院。",
-        "words": [{
-          "name": "Last",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "week",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "I",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "went",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "to",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "the",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "theatre",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": false,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": ".",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": true,
-          "symbolPosition": ""
-        }]
-      }, {
-      "text": "I had a very good seat. ",
-      "translate": "我坐得很好。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "had",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "a",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "very",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "good",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "seat",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "The play was very interesting. ",
-      "translate": "这出戏很有趣。",
-      "words": [{
-        "name": "The",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "play",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "was",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "very",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "interesting",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "I did not enjoy it. ",
-      "translate": "我不喜欢它。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "did",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "not",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "enjoy",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "it",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "A young man and a young woman were sitting behind me. ",
-      "translate": "一个年轻男子和一个年轻女子坐在我身后。",
-      "words": [{
-        "name": "A",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "young",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "man",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "and",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "a",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "young",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "woman",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "were",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "sitting",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "behind",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "me",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "They were talking loudly. ",
-      "translate": "他们大声说话。",
-      "words": [{
-        "name": "They",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "were",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "talking",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "loudly",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "I got very angry. ",
-      "translate": "我很生气。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "got",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "very",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "angry",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "I could not hear the actors. ",
-      "translate": "我听不见演员们的声音。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "could",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "not",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "hear",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "the",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "actors",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "I turned round. ",
-      "translate": "我转过身来。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "turned",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "round",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "I looked at the man and the woman angrily. ",
-      "translate": "我愤怒地看着那个男人和那个女人。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "looked",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "at",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "the",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "man",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "and",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "the",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "woman",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "angrily",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "They did not pay any attention. ",
-      "translate": "他们没有理会。",
-      "words": [{
-        "name": "They",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "did",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "not",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "pay",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "any",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "attention",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "In the end, ",
-      "translate": "最后",
-      "words": [{
-        "name": "In",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "the",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "end",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ",",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "I could not bear it. ",
-      "translate": "我无法忍受。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "could",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "not",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "bear",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "it",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "I turned round again. ",
-      "translate": "我又转过身来。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "turned",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "round",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "again",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "\"I can't hear a word!\" ",
-      "translate": "“我一个字也听不见！”",
-      "words": [{
-        "name": "\"",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": true,
-        "symbolPosition": "start"
-      }, {
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "can't",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "hear",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "a",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "word",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "!",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }, {
-        "name": "\"",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": "end"
-      }]
-    }, {
-      "text": "I said angrily. ",
-      "translate": "我生气地说。",
-      "words": [{
-        "name": "I",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "said",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "angrily",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }],
-    [
-      {
-        "text": "\"It's none of your business,\" ",
-        "translate": "“这不关你的事，”",
-        "words": [{
-          "name": "\"",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": false,
-          "isSymbol": true,
-          "symbolPosition": "start"
-        }, {
-          "name": "It's",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "none",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "of",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "your",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": "business",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": false,
-          "isSymbol": false,
-          "symbolPosition": ""
-        }, {
-          "name": ",",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": false,
-          "isSymbol": true,
-          "symbolPosition": ""
-        }, {
-          "name": "\"",
-          "usphone": "",
-          "ukphone": "",
-          "trans": [],
-          "nextSpace": true,
-          "isSymbol": true,
-          "symbolPosition": "end"
-        }]
-      }, {
-      "text": "the young man said rudely. ",
-      "translate": "那个年轻人粗鲁地说。",
-      "words": [{
-        "name": "the",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "young",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "man",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "said",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "rudely",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": ".",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }]
-    }, {
-      "text": "\"This is a private conversation!\" ",
-      "translate": "“这是私人谈话！”",
-      "words": [{
-        "name": "\"",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": true,
-        "symbolPosition": "start"
-      }, {
-        "name": "This",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "is",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "a",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "private",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "conversation",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": false,
-        "symbolPosition": ""
-      }, {
-        "name": "!",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": false,
-        "isSymbol": true,
-        "symbolPosition": ""
-      }, {
-        "name": "\"",
-        "usphone": "",
-        "ukphone": "",
-        "trans": [],
-        "nextSpace": true,
-        "isSymbol": true,
-        "symbolPosition": "end"
-      }]
-    }]
-  ],
   isTranslated: false,
   translateType: 0,
 })
@@ -1236,6 +146,11 @@ function onFocus() {
   document.addEventListener('paste', onPaste);
 }
 
+function save() {
+  console.log('article',article )
+  copy(JSON.stringify(article))
+}
+
 watch(() => article.customTranslate, (str: string) => {
   updateSentenceTranslate()
 })
@@ -1378,6 +293,9 @@ watch(() => article.translateType, () => {
               </div>
             </div>
           </div>
+          <div class="options">
+            <BaseButton @click="save">保存</BaseButton>
+          </div>
         </div>
       </div>
       <Icon @click="$emit('close')"
@@ -1386,7 +304,6 @@ watch(() => article.translateType, () => {
             icon="ion:close-outline"/>
     </div>
   </Teleport>
-
 </template>
 
 <style scoped lang="scss">
@@ -1467,13 +384,20 @@ watch(() => article.translateType, () => {
 
     .article-translate {
       margin-top: 10rem;
+      margin-bottom: 20rem;
       flex: 1;
       overflow: auto;
+      border-radius: 8rem;
 
       .section {
         background: white;
         margin-bottom: 20rem;
         padding: $space;
+        border-radius: 8rem;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
 
         .sentence {
           margin-bottom: 20rem;
@@ -1484,6 +408,11 @@ watch(() => article.translateType, () => {
         }
       }
     }
+
+    .options {
+      display: flex;
+      justify-content: flex-end;
+    }
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/components/Practice/Practice.vue b/src/components/Practice/Practice.vue
index 7ec13d22..0ac1c5a9 100644
--- a/src/components/Practice/Practice.vue
+++ b/src/components/Practice/Practice.vue
@@ -7,6 +7,7 @@ import Footer from "@/components/Practice/Footer.vue";
 import TypeWord from "@/components/Practice/TypeWord.vue";
 import TypeArticle from "@/components/Practice/TypeArticle.vue";
 import {useBaseStore} from "@/stores/base.ts";
+import {$ref} from "vue/macros";
 
 const practiceStore = usePracticeStore()
 const store = useBaseStore()
@@ -26,10 +27,1111 @@ let wordData = $ref({
 })
 
 let articleData = $ref({
-
+  article: {
+    "title": "A private conversation!",
+    "titleTranslate": "私人谈话！",
+    "article": "Last week I went to the theatre. I had a very good seat. The play was very interesting. I did not enjoy it. A young man and a young woman were sitting behind me. They were talking loudly. I got very angry. I could not hear the actors. I turned round. I looked at the man and the woman angrily. They did not pay any attention. In the end, I could not bear it. I turned round again. ‘I can't hear a word!’ I said angrily.\n‘It's none of your business, ’ the young man said rudely. ‘This is a private conversation!’",
+    "customTranslate": "",
+    "networkTranslate": "上周我去了剧院。\n我坐得很好。\n这出戏很有趣。\n我不喜欢它。\n一个年轻男子和一个年轻女子坐在我身后。\n他们大声说话。\n我很生气。\n我听不见演员们的声音。\n我转过身来。\n我愤怒地看着那个男人和那个女人。\n他们没有理会。\n最后\n我无法忍受。\n我又转过身来。\n“我一个字也听不见！”\n我生气地说。\n\n“这不关你的事，”\n那个年轻人粗鲁地说。\n“这是私人谈话！”\n\n",
+    "newWords": [],
+    "articleAllWords": [],
+    "sections": [[{
+      "text": "Last week I went to the theatre. ",
+      "translate": "上周我去了剧院。",
+      "words": [{
+        "name": "Last",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "week",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "went",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "to",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "theatre",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I had a very good seat. ",
+      "translate": "我坐得很好。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "had",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "very",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "good",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "seat",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "The play was very interesting. ",
+      "translate": "这出戏很有趣。",
+      "words": [{
+        "name": "The",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "play",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "was",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "very",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "interesting",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I did not enjoy it. ",
+      "translate": "我不喜欢它。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "did",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "enjoy",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "it",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "A young man and a young woman were sitting behind me. ",
+      "translate": "一个年轻男子和一个年轻女子坐在我身后。",
+      "words": [{
+        "name": "A",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "young",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "man",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "and",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "young",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "woman",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "were",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "sitting",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "behind",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "me",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "They were talking loudly. ",
+      "translate": "他们大声说话。",
+      "words": [{
+        "name": "They",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "were",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "talking",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "loudly",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I got very angry. ",
+      "translate": "我很生气。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "got",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "very",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "angry",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I could not hear the actors. ",
+      "translate": "我听不见演员们的声音。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "could",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "hear",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "actors",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I turned round. ",
+      "translate": "我转过身来。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "turned",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "round",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I looked at the man and the woman angrily. ",
+      "translate": "我愤怒地看着那个男人和那个女人。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "looked",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "at",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "man",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "and",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "woman",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "angrily",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "They did not pay any attention. ",
+      "translate": "他们没有理会。",
+      "words": [{
+        "name": "They",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "did",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "pay",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "any",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "attention",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "In the end, ",
+      "translate": "最后",
+      "words": [{
+        "name": "In",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "end",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ",",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I could not bear it. ",
+      "translate": "我无法忍受。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "could",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "bear",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "it",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I turned round again. ",
+      "translate": "我又转过身来。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "turned",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "round",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "again",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "\"I can't hear a word!\" ",
+      "translate": "“我一个字也听不见！”",
+      "words": [{
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": "start"
+      }, {
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "can't",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "hear",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "word",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "!",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }, {
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": "end"
+      }]
+    }, {
+      "text": "I said angrily. ",
+      "translate": "我生气地说。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "said",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "angrily",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }], [{
+      "text": "\"It's none of your business,\" ",
+      "translate": "“这不关你的事，”",
+      "words": [{
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": "start"
+      }, {
+        "name": "It's",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "none",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "of",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "your",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "business",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ",",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }, {
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": "end"
+      }]
+    }, {
+      "text": "the young man said rudely. ",
+      "translate": "那个年轻人粗鲁地说。",
+      "words": [{
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "young",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "man",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "said",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "rudely",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "\"This is a private conversation!\" ",
+      "translate": "“这是私人谈话！”",
+      "words": [{
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": "start"
+      }, {
+        "name": "This",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "is",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "private",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "conversation",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "!",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }, {
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": "end"
+      }]
+    }]
+    ],
+    "isTranslated": false,
+    "translateType": 0
+  },
+  sectionIndex: 0,
+  sentenceIndex: 0,
+  wordIndex: 0,
+  stringIndex: 0,
 })
-watch(()=>store.load,n=>{
-  if (n){
+
+watch(() => store.load, n => {
+  if (n) {
     wordData.words = store.chapter
     wordData.index = 0
   }
@@ -45,7 +1147,14 @@ onMounted(() => {
 <template>
   <div class="practice">
     <Toolbar/>
-    <TypeArticle v-if="practiceStore.type === 'article'"/>
+    <TypeArticle
+        v-if="practiceStore.type === 'article'"
+        :article="articleData.article"
+        :sectionIndex="articleData.sectionIndex"
+        :sentenceIndex="articleData.sentenceIndex"
+        :wordIndex="articleData.wordIndex"
+        :stringIndex="articleData.stringIndex"
+    />
     <TypeWord
         :words="wordData.words"
         :index="wordData.index"
diff --git a/src/components/Practice/TypeArticle.vue b/src/components/Practice/TypeArticle.vue
index 4b0473a8..2d3bcb8c 100644
--- a/src/components/Practice/TypeArticle.vue
+++ b/src/components/Practice/TypeArticle.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {Icon} from '@iconify/vue'
 import {usePlayWordAudio} from "@/hooks/usePlayWordAudio.ts"
-import {computed, nextTick, onMounted, reactive, watch} from "vue"
+import {computed, nextTick, onMounted, reactive, watch, watchEffect} from "vue"
 import {cloneDeep} from "lodash-es"
 import 快速打字的机械键盘声音Mp3 from '../..//assets/sound/key-sounds/快速打字的机械键盘声音.mp3'
 import 键盘快速打字的声音Mp3 from '../..//assets/sound/key-sounds/键盘快速打字的声音.mp3'
@@ -50,18 +50,6 @@ article1 = `Last week I went to the theatre. I had a very good seat. The play wa
 ‘It's none of your business, ’ the young man said rudely. ‘This is a private conversation!’`
 // article1 = `Last week I went to the theatre. I had a very good seat. The play was very interesting. I did not enjoy it.`
 
-let article2 = `What is one of the features of modern camping where nationality is concerned?
-Economy is one powerful motive for camping, since after the initial outlay upon equipment, or through hiring it, the total expense can be far less than the cost of hotels. But, contrary to a popular assumption, it is far from being the only one, or even the greatest. The man who manoeuvres carelessly into his twenty pounds' worth of space at one of Europe's myriad permanent sites may find himself bumping a Bentley. More likely, Ford Escort will be hub to hub with Renault or Mercedes, but rarely with bicycles made for two.
-That the equipment of modern camping becomes yearly more sophisticated is an entertaining paradox for the cynic, a brighter promise for the hopeful traveler who has sworn to get away from it all. It also provides-and some student sociologist might care to base his thesis upon the phenomenon -- an escape of another kind. The modern traveller is often a man who dislikes the Splendide and the Bellavista, not because he cannot afford, or shuns their material comforts. but because he is afford of them. Affluent he may be, but he is by no means sure what to tip the doorman or the chambermaid. Master in his own house, he has little idea of when to say boo to a maitre d'hotel.
-From all such fears camping releases him. Granted, a snobbery of camping itself, based upon equipment and techniques, already exists; but it is of a kind that, if he meets it, he can readily understand and deal with. There is no superior 'they' in the shape of managements and hotel hierarchies to darken his holiday days.
-To such motives, yet another must be added. The contemporary phenomenon of car worship is to be explained not least by the sense of independence and freedom that ownership entails. To this pleasure camping gives an exquisite refinement.
-From one's own front door to home or foreign hills or sands and back again, everything is to hand. Not only are the means of arriving at the holiday paradise entirely within one's own command and keeping, but the means of escape from holiday hel (if the beach proves too crowded, the local weather too inclement) are there, outside -- or, as likely, part of -- the tent.
-Idealists have objected to the package tour, that the traveller abroad thereby denies himself the opportunity of getting to know the people of the country visited. Insularity and self-containment, it is argued, go hand in hand. The opinion does not survive experience of a popular Continental camping place. Holiday hotels tend to cater for one nationality of visitors especially, sometimes exclusively. Camping sites, by contrast, are highly cosmopolitan. Granted, a preponderance of Germans is a characteristic that seems common to most Mediterranean sites; but as yet there is no overwhelmingly specialized patronage. Notices forbidding the open-air drying of clothes, or the use of water points for car washing, or those inviting 'our camping friends' to a dance or a boat trip are printed not only in French or Italian or Spanish, but also in English, German and Dutch. At meal times the odour of sauerkraut vies with that of garlic. The Frenchman's breakfast coffee competes with the Englishman's bacon and eggs.
-Whether the remarkable growth of organized camping means the eventual death of the more independent kind is hard to say. Municipalities naturally want to secure the campers' site fees and other custom. Police are wary of itinerants who cannot be traced to a recognized camp boundary or to four walls. But most probably it will all depend upon campers themselves: how many heath fires they cause; how much litter they leave; in short, whether or not they wholly alienate landowners and those who live in the countryside. Only good scouting is likely to preserve the freedoms so dear to the heart of the eternal Boy Scout.
-NIGEL BUXTON The Great Escape from The Weekend Telegraph`
-
-// article2 = `Economy is one powerful motive for camping? since after the initial outlay upon equipment, or through hiring it, the total expense can be far less than the cost of hotels. But, contrary to a popular assumption, it is far from being the only one, or even the greatest. The man who manoeuvres carelessly into his twenty pounds' worth of space at one of Europe's myriad permanent sites may find himself bumping a Bentley. More likely, Ford Escort will be hub to hub with Renault or Mercedes, but rarely with bicycles made for two.`
-
 const [playAudio] = usePlayWordAudio()
 // const [playKeySound, setAudio] = useSound([机械0, 机械1, 机械2, 机械3], 1)
 const [playKeySound, setAudio] = useSound([老式机械], 3)
@@ -76,13 +64,12 @@ let isPlay = $ref(false)
 let articleWrapperRef = $ref<HTMLInputElement>(null)
 let tabIndex = $ref(0)
 let sectionIndex = $ref(0)
-let sentenceIndex = $ref(4)
-let wordIndex = $ref(10)
+let sentenceIndex = $ref(0)
+let wordIndex = $ref(0)
 let stringIndex = $ref(0)
 let input = $ref('')
 let wrong = $ref('')
 let isSpace = $ref(false)
-let showTranslate = $ref(true)
 let hoverIndex = $ref({
   sectionIndex: -1,
   sentenceIndex: -1,
@@ -93,26 +80,1129 @@ let wordData = $ref({
   index: -1
 })
 
-let article = reactive<Article>({
-  title: 'A private conversation!',
-  titleTranslate: '',
-  article: article1,
-  customTranslate: `上星期我去看戏。我的座位很好，戏很有意思，但我却无法欣赏。一青年男子与一青年女子坐在我的身后，大声地说着话。我非常生气，因为我听不见演员在说什么。我回过头去，怒视着那一男一女，他们却毫不理会。最后，我忍不住了，又一次回过头去，生气地说，“我一个字也听不见了！”
-“不关你的事，”那男的毫不客气地说，“这是私人间的谈话！”`,
-  networkTranslate: '',
-  newWords: [],
-  articleAllWords: [],
-  sections: [],
-  isTranslated: false,
+interface IProps {
+  article: Article,
+  sectionIndex: number,
+  sentenceIndex: number,
+  wordIndex: number,
+  stringIndex: number,
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  article: {
+    "title": "A private conversation!",
+    "titleTranslate": "私人谈话！",
+    "article": "Last week I went to the theatre. I had a very good seat. The play was very interesting. I did not enjoy it. A young man and a young woman were sitting behind me. They were talking loudly. I got very angry. I could not hear the actors. I turned round. I looked at the man and the woman angrily. They did not pay any attention. In the end, I could not bear it. I turned round again. ‘I can't hear a word!’ I said angrily.\n‘It's none of your business, ’ the young man said rudely. ‘This is a private conversation!’",
+    "customTranslate": "",
+    "networkTranslate": "上周我去了剧院。\n我坐得很好。\n这出戏很有趣。\n我不喜欢它。\n一个年轻男子和一个年轻女子坐在我身后。\n他们大声说话。\n我很生气。\n我听不见演员们的声音。\n我转过身来。\n我愤怒地看着那个男人和那个女人。\n他们没有理会。\n最后\n我无法忍受。\n我又转过身来。\n“我一个字也听不见！”\n我生气地说。\n\n“这不关你的事，”\n那个年轻人粗鲁地说。\n“这是私人谈话！”\n\n",
+    "isTranslated": false,
+    "newWords": [],
+    "articleAllWords": [],
+    "sections": [[{
+      "text": "Last week I went to the theatre. ",
+      "translate": "上周我去了剧院。",
+      "words": [{
+        "name": "Last",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "week",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "went",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "to",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "theatre",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I had a very good seat. ",
+      "translate": "我坐得很好。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "had",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "very",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "good",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "seat",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "The play was very interesting. ",
+      "translate": "这出戏很有趣。",
+      "words": [{
+        "name": "The",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "play",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "was",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "very",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "interesting",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I did not enjoy it. ",
+      "translate": "我不喜欢它。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "did",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "enjoy",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "it",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "A young man and a young woman were sitting behind me. ",
+      "translate": "一个年轻男子和一个年轻女子坐在我身后。",
+      "words": [{
+        "name": "A",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "young",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "man",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "and",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "young",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "woman",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "were",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "sitting",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "behind",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "me",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "They were talking loudly. ",
+      "translate": "他们大声说话。",
+      "words": [{
+        "name": "They",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "were",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "talking",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "loudly",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I got very angry. ",
+      "translate": "我很生气。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "got",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "very",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "angry",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I could not hear the actors. ",
+      "translate": "我听不见演员们的声音。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "could",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "hear",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "actors",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I turned round. ",
+      "translate": "我转过身来。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "turned",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "round",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I looked at the man and the woman angrily. ",
+      "translate": "我愤怒地看着那个男人和那个女人。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "looked",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "at",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "man",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "and",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "woman",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "angrily",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "They did not pay any attention. ",
+      "translate": "他们没有理会。",
+      "words": [{
+        "name": "They",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "did",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "pay",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "any",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "attention",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "In the end, ",
+      "translate": "最后",
+      "words": [{
+        "name": "In",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "end",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ",",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I could not bear it. ",
+      "translate": "我无法忍受。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "could",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "not",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "bear",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "it",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "I turned round again. ",
+      "translate": "我又转过身来。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "turned",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "round",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "again",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "\"I can't hear a word!\" ",
+      "translate": "“我一个字也听不见！”",
+      "words": [{
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": "start"
+      }, {
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "can't",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "hear",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "word",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "!",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }, {
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": "end"
+      }]
+    }, {
+      "text": "I said angrily. ",
+      "translate": "我生气地说。",
+      "words": [{
+        "name": "I",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "said",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "angrily",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }], [{
+      "text": "\"It's none of your business,\" ",
+      "translate": "“这不关你的事，”",
+      "words": [{
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": "start"
+      }, {
+        "name": "It's",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "none",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "of",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "your",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "business",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ",",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }, {
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": "end"
+      }]
+    }, {
+      "text": "the young man said rudely. ",
+      "translate": "那个年轻人粗鲁地说。",
+      "words": [{
+        "name": "the",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "young",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "man",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "said",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "rudely",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": ".",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }]
+    }, {
+      "text": "\"This is a private conversation!\" ",
+      "translate": "“这是私人谈话！”",
+      "words": [{
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": "start"
+      }, {
+        "name": "This",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "is",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "a",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "private",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "conversation",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": false,
+        "symbolPosition": ""
+      }, {
+        "name": "!",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": false,
+        "isSymbol": true,
+        "symbolPosition": ""
+      }, {
+        "name": "\"",
+        "usphone": "",
+        "ukphone": "",
+        "trans": [],
+        "nextSpace": true,
+        "isSymbol": true,
+        "symbolPosition": "end"
+      }]
+    }]
+    ],
+    "translateType": 0
+  },
+  sectionIndex: 0,
+  sentenceIndex: 0,
+  wordIndex: 0,
+  stringIndex: 0,
 })
 
-onMounted(async () => {
-  if (!article.sections.length) {
-    article.sections = splitArticle(article.article)
-  }
+watchEffect(() => {
+  sectionIndex = props.sectionIndex
+  sentenceIndex = props.sentenceIndex
+  wordIndex = props.wordIndex
+  stringIndex = props.stringIndex
 
+  practiceStore.inputNumber = 0
+  practiceStore.wrongNumber = 0
+  practiceStore.repeatNumber = 0
   practiceStore.total = 0
-  article.sections.map((v, i) => {
+  props.article.sections.map((v, i) => {
     v.map((w, j) => {
       w.words.map(s => {
         if (!store.skipWordNamesWithSimpleWords.includes(s.name.toLowerCase()) && !s.isSymbol) {
@@ -121,22 +1211,16 @@ onMounted(async () => {
       })
     })
   })
+  practiceStore.wrongWords = []
   practiceStore.startDate = Date.now()
   calcTranslateLocation()
-
-  console.time()
-  // await useNetworkTranslate(article, TranslateEngine.Baidu, true)
-  updateLocalSentenceTranslate(article, article.customTranslate)
-  console.timeEnd()
-  // console.log(cloneDeep(article))
 })
 
 function calcTranslateLocation() {
-  if (!showTranslate) return
   nextTick(() => {
     setTimeout(() => {
       let articleRect = articleWrapperRef.getBoundingClientRect()
-      article.sections.map((v, i) => {
+      props.article.sections.map((v, i) => {
         v.map((w, j) => {
           let location = i + '-' + j
           let wordClassName = `.word${location}`
@@ -181,7 +1265,7 @@ function onKeyDown(e: KeyboardEvent) {
   if (tabIndex !== 0) return
   // console.log('keyDown', e.key, e.code, e.keyCode)
   wrong = ''
-  let currentSection = article.sections[sectionIndex]
+  let currentSection = props.article.sections[sectionIndex]
   let currentSentence = currentSection[sentenceIndex]
   let currentWord: ArticleWord = currentSentence.words[wordIndex]
 
@@ -401,7 +1485,7 @@ function otherWord(word: ArticleWord, i: number, i2: number, i3: number) {
             <div class="article-content" ref="articleWrapperRef">
               <article>
                 <div class="section"
-                     v-for="(section,indexI) in article.sections">
+                     v-for="(section,indexI) in props.article.sections">
                 <span class="sentence"
                       :class="[
                           sectionIndex === indexI && sentenceIndex === indexJ && store.setting.dictation
@@ -450,8 +1534,8 @@ function otherWord(word: ArticleWord, i: number, i2: number, i3: number) {
                 </span>
                 </div>
               </article>
-              <div class="translate">
-                <template v-for="(v,i) in article.sections">
+              <div class="translate" v-show="store.setting.translate">
+                <template v-for="(v,i) in props.article.sections">
                   <div class="row"
                        :class="`translate${i+'-'+j}`"
                        v-for="(item,j) in v">
@@ -511,7 +1595,7 @@ function otherWord(word: ArticleWord, i: number, i2: number, i3: number) {
 
     .article-content {
       position: relative;
-      opacity: 0;
+      //opacity: 0;
     }
 
     article {
diff --git a/src/components/Toolbar/Add.vue b/src/components/Toolbar/Add.vue
index d18e20e2..244a3bbf 100644
--- a/src/components/Toolbar/Add.vue
+++ b/src/components/Toolbar/Add.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 
-import MiniModal from "@/components/MiniModal.vue";
 import {Icon} from "@iconify/vue";
 import IconWrapper from "@/components/IconWrapper.vue";
 import Tooltip from "@/components/Tooltip.vue";
diff --git a/src/stores/base.ts b/src/stores/base.ts
index 96b2f6b8..c663e20e 100644
--- a/src/stores/base.ts
+++ b/src/stores/base.ts
@@ -11,6 +11,7 @@ export const useBaseStore = defineStore('base', {
         sort: Sort.normal,
         type: DictType.newDict,
         originWords: [],
+        articles: [],
         words: [],
         chapterWordNumber: 15,
         chapterWords: [],
@@ -24,6 +25,7 @@ export const useBaseStore = defineStore('base', {
         sort: Sort.normal,
         type: DictType.skipDict,
         originWords: [],
+        articles: [],
         words: [],
         chapterWordNumber: 15,
         chapterWords: [],
@@ -37,6 +39,7 @@ export const useBaseStore = defineStore('base', {
         sort: Sort.normal,
         type: DictType.wrongDict,
         originWords: [],
+        articles: [],
         words: [],
         chapterWordNumber: 15,
         chapterWords: [],
@@ -50,6 +53,7 @@ export const useBaseStore = defineStore('base', {
         sort: Sort.normal,
         type: DictType.innerDict,
         originWords: [],
+        articles: [],
         words: [],
         chapterWordNumber: 15,
         chapterWords: [],
diff --git a/src/types.ts b/src/types.ts
index 9f0edfe6..8db32407 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -88,6 +88,8 @@ export enum DictType {
   wrongDict = 'wrongDict',
   innerDict = 'innerDict',
   customDict = 'customDict',
+  innerArticle = 'innerArticle',
+  customArticle = 'customArticle'
 }
 
 export const DefaultArticleWord: ArticleWord = {
@@ -133,7 +135,7 @@ export interface Dict {
   words: Word[],
   chapterWordNumber: number,//章节单词数量
   chapterWords: Word[][],
-  // articles: Article[],
+  articles: Article[],
   chapterIndex: number,
   chapterWordIndex: number,
   statistics: Statistics[],