From 978e744cd8885fdb6bfcb6b9dcef7d1775740355 Mon Sep 17 00:00:00 2001
From: z3rog <zerotoherorg@gmail.com>
Date: Tue, 23 Jun 2020 13:37:21 +0800
Subject: [PATCH 1/2] Optimization: expand NoteAbstractItem click area

---
 packages/vuepress-theme-reco/components/NoteAbstractItem.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/vuepress-theme-reco/components/NoteAbstractItem.vue b/packages/vuepress-theme-reco/components/NoteAbstractItem.vue
index 9e066cf..1c20e19 100644
--- a/packages/vuepress-theme-reco/components/NoteAbstractItem.vue
+++ b/packages/vuepress-theme-reco/components/NoteAbstractItem.vue
@@ -1,6 +1,7 @@
 <template>
   <div
-    class="abstract-item">
+    class="abstract-item"
+    @click="$router.push(item.path)">
     <i v-if="item.frontmatter.sticky" class="iconfont reco-sticky"></i>
     <div class="title">
       <i v-if="item.frontmatter.keys" class="iconfont reco-lock"></i>
@@ -36,6 +37,7 @@ export default {
   box-sizing: border-box;
   transition all .3s
   background-color var(--background-color)
+  cursor: pointer
   .reco-sticky
     position absolute
     top 0

From 978f0de5037d8bc7ab492b0eff22056b666c7afa Mon Sep 17 00:00:00 2001
From: z3rog <zerotoherorg@gmail.com>
Date: Wed, 24 Jun 2020 02:48:40 +0800
Subject: [PATCH 2/2] feat: expand NoteAbstractItem clickable area

---
 packages/vuepress-theme-reco/components/NoteAbstractItem.vue | 2 +-
 packages/vuepress-theme-reco/components/PageInfo.vue         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vuepress-theme-reco/components/NoteAbstractItem.vue b/packages/vuepress-theme-reco/components/NoteAbstractItem.vue
index 1c20e19..9f61fff 100644
--- a/packages/vuepress-theme-reco/components/NoteAbstractItem.vue
+++ b/packages/vuepress-theme-reco/components/NoteAbstractItem.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="abstract-item"
-    @click="$router.push(item.path)">
+    @click.self="$router.push(item.path)">
     <i v-if="item.frontmatter.sticky" class="iconfont reco-sticky"></i>
     <div class="title">
       <i v-if="item.frontmatter.keys" class="iconfont reco-lock"></i>
diff --git a/packages/vuepress-theme-reco/components/PageInfo.vue b/packages/vuepress-theme-reco/components/PageInfo.vue
index 92ce15a..bc1a25d 100644
--- a/packages/vuepress-theme-reco/components/PageInfo.vue
+++ b/packages/vuepress-theme-reco/components/PageInfo.vue
@@ -25,7 +25,7 @@
         :key="subIndex"
         class="tag-item"
         :class="{ 'active': currentTag == subItem }"
-        @click="goTags(subItem)">{{subItem}}</span>
+        @click.stop="goTags(subItem)">{{subItem}}</span>
     </i>
   </div>
 </template>