From a83572471d25909cd4cff7af01a4856b911d8b97 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Fri, 30 Mar 2018 16:48:32 +0900
Subject: [PATCH 1/4] refs #116 Show account profile in side bar

---
 .../components/TimelineSpace/Contents.vue     |   2 +-
 .../TimelineSpace/Contents/Cards/Toot.vue     |   6 +-
 .../TimelineSpace/Contents/SideBar.vue        |  22 +++-
 .../Contents/SideBar/AccountProfile.vue       | 106 ++++++++++++++++++
 .../store/TimelineSpace/Contents/SideBar.js   |  16 ++-
 .../Contents/SideBar/AccountProfile.js        |  18 +++
 6 files changed, 164 insertions(+), 6 deletions(-)
 create mode 100644 src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
 create mode 100644 src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.js

diff --git a/src/renderer/components/TimelineSpace/Contents.vue b/src/renderer/components/TimelineSpace/Contents.vue
index b076f4ca..018e4d7c 100644
--- a/src/renderer/components/TimelineSpace/Contents.vue
+++ b/src/renderer/components/TimelineSpace/Contents.vue
@@ -38,7 +38,7 @@ export default {
 
   .timeline-wrapper-with-side-bar {
     height: 100%;
-    width: -webkit-calc(100% - 180px);
+    width: -webkit-calc(100% - 320px);
     overflow: auto;
   }
 }
diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
index ec0f2072..78aca4f7 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
@@ -132,7 +132,9 @@ export default {
       this.$store.dispatch('TimelineSpace/Modals/ImageViewer/openModal', url)
     },
     openUser (account) {
-      console.log(account)
+      this.$store.dispatch('TimelineSpace/Contents/SideBar/openAccountComponent')
+      this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/changeAccount', account)
+      this.$store.commit('TimelineSpace/Contents/SideBar/changeOpenSideBar', true)
     }
   }
 }
@@ -169,6 +171,7 @@ function findLink (target) {
       width: 36px;
       height: 36px;
       border-radius: 4px;
+      cursor: pointer;
     }
   }
 
@@ -181,6 +184,7 @@ function findLink (target) {
         font-weight: 800;
         color: #303133;
         font-size: 14px;
+        cursor: pointer;
       }
 
       .timestamp {
diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar.vue b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
index ee61ac30..c7b93d6c 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
@@ -3,18 +3,23 @@
   <div class="header">
     <i class="el-icon-close" @click="close"></i>
   </div>
-  side
+  <account-profile v-if="component === 1"></account-profile>
 </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
+import AccountProfile from './SideBar/AccountProfile'
 
 export default {
   name: 'side-bar',
+  components: {
+    AccountProfile
+  },
   computed: {
     ...mapState({
-      openSideBar: state => state.TimelineSpace.Contents.SideBar.openSideBar
+      openSideBar: state => state.TimelineSpace.Contents.SideBar.openSideBar,
+      component: state => state.TimelineSpace.Contents.SideBar.component
     })
   },
   methods: {
@@ -30,6 +35,17 @@ export default {
   position: fixed;
   top: 48px;
   right: 0;
-  width: 180px;
+  width: 320px;
+  height: calc(100% - 48px);
+  overflow: auto;
+  border-left: solid 1px #dcdfe6;
+
+  .header {
+    background-color: #f3f6fc;
+    padding: 4px 8px;
+    border-top: solid 1px #dcdfe6;
+    border-bottom: solid 1px #dcdfe6;
+    text-align: right;
+  }
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
new file mode 100644
index 00000000..14b53314
--- /dev/null
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
@@ -0,0 +1,106 @@
+<template>
+  <div id="account_profile">
+    <div class="header">
+      <div class="icon">
+        <img :src="account.avatar" />
+      </div>
+      <div class="username">
+        {{ username(account) }}
+      </div>
+      <div class="account">
+        @{{ account.acct }}
+      </div>
+      <div class="note" v-html="account.note"></div>
+    </div>
+    <el-row class="basic-info">
+      <el-col :span="8"class="info">
+        <div class="title">Posts</div>
+        <div class="count">{{ account.statuses_count }}</div>
+      </el-col>
+      <el-col :span="8"class="info">
+        <div class="title">Following</div>
+        <div class="count">{{ account.following_count }}</div>
+      </el-col>
+      <el-col :span="8"class="info">
+        <div class="title">Followers</div>
+        <div class="count">{{ account.followers_count }}</div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  name: 'account-profile',
+  computed: {
+    ...mapState({
+      account: state => state.TimelineSpace.Contents.SideBar.AccountProfile.account
+    })
+  },
+  methods: {
+    username (account) {
+      if (account.display_name !== '') {
+        return account.display_name
+      } else {
+        return account.username
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.header {
+  background-color: rgba(255, 255, 255, 0.5);
+  text-align: center;
+  padding: 12px;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  font-size: 14px;
+
+  .icon {
+    padding: 12px;
+
+    img {
+      width: 72px;
+      border-radius: 8px;
+    }
+  }
+
+  .username {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 24px;
+    margin: 0 auto 12px auto;
+  }
+
+  .account {
+    color: #409eff;
+  }
+}
+
+.basic-info {
+  border-top: solid 1px #dcdfe6;
+  border-bottom: solid 1px #dcdfe6;
+
+  .info {
+    border-left: solid 1px #dcdfe6;
+    padding: 8px 4px;
+
+    .title {
+      font-size: 10px;
+      color: #909399;
+    }
+
+    .count {
+      font-weight: 800;
+    }
+  }
+
+  .info:first-of-type {
+    border: none;
+  }
+}
+</style>
diff --git a/src/renderer/store/TimelineSpace/Contents/SideBar.js b/src/renderer/store/TimelineSpace/Contents/SideBar.js
index 29408fb9..9f1ac625 100644
--- a/src/renderer/store/TimelineSpace/Contents/SideBar.js
+++ b/src/renderer/store/TimelineSpace/Contents/SideBar.js
@@ -1,17 +1,31 @@
+import AccountProfile from './SideBar/AccountProfile'
 
 const SideBar = {
   namespaced: true,
+  modules: {
+    AccountProfile
+  },
   state: {
-    openSideBar: false
+    openSideBar: false,
+    // 0: blank
+    // 1: account-profile
+    component: 0
   },
   mutations: {
     changeOpenSideBar (state, value) {
       state.openSideBar = value
+    },
+    changeComponent (state, value) {
+      state.component = value
     }
   },
   actions: {
     close ({ commit }) {
       commit('changeOpenSideBar', false)
+      commit('changeComponent', 0)
+    },
+    openAccountComponent ({ commit }) {
+      commit('changeComponent', 1)
     }
   }
 }
diff --git a/src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.js b/src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.js
new file mode 100644
index 00000000..db88fef2
--- /dev/null
+++ b/src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.js
@@ -0,0 +1,18 @@
+const AccountProfile = {
+  namespaced: true,
+  state: {
+    account: null
+  },
+  mutations: {
+    changeAccount (state, account) {
+      state.account = account
+    }
+  },
+  actions: {
+    changeAccount ({ commit }, account) {
+      commit('changeAccount', account)
+    }
+  }
+}
+
+export default AccountProfile

From 6561e7df0ae32cdc87b9b4cd9446587ebd60b43e Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Fri, 30 Mar 2018 16:58:48 +0900
Subject: [PATCH 2/4] refs #116 Set background-image in account profile

---
 .../TimelineSpace/Contents/SideBar.vue        |  4 ++
 .../Contents/SideBar/AccountProfile.vue       | 39 +++++++++++--------
 2 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar.vue b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
index c7b93d6c..266b8db8 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
@@ -46,6 +46,10 @@ export default {
     border-top: solid 1px #dcdfe6;
     border-bottom: solid 1px #dcdfe6;
     text-align: right;
+
+    .el-icon-close {
+      cursor: pointer;
+    }
   }
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
index 14b53314..14aaf1ec 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
@@ -1,5 +1,6 @@
 <template>
-  <div id="account_profile">
+<div id="account_profile">
+  <div class="header-background" v-bind:style="{ backgroundImage: 'url(' + account.header + ')' }">
     <div class="header">
       <div class="icon">
         <img :src="account.avatar" />
@@ -12,21 +13,22 @@
       </div>
       <div class="note" v-html="account.note"></div>
     </div>
-    <el-row class="basic-info">
-      <el-col :span="8"class="info">
-        <div class="title">Posts</div>
-        <div class="count">{{ account.statuses_count }}</div>
-      </el-col>
-      <el-col :span="8"class="info">
-        <div class="title">Following</div>
-        <div class="count">{{ account.following_count }}</div>
-      </el-col>
-      <el-col :span="8"class="info">
-        <div class="title">Followers</div>
-        <div class="count">{{ account.followers_count }}</div>
-      </el-col>
-    </el-row>
   </div>
+  <el-row class="basic-info">
+    <el-col :span="8"class="info">
+      <div class="title">Posts</div>
+      <div class="count">{{ account.statuses_count }}</div>
+    </el-col>
+    <el-col :span="8"class="info">
+      <div class="title">Following</div>
+      <div class="count">{{ account.following_count }}</div>
+    </el-col>
+    <el-col :span="8"class="info">
+      <div class="title">Followers</div>
+      <div class="count">{{ account.followers_count }}</div>
+    </el-col>
+  </el-row>
+</div>
 </template>
 
 <script>
@@ -52,8 +54,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.header-background {
+  background-position: 50% 50%;
+  background-size: cover;
+}
+
 .header {
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 255, 255, 0.7);
   text-align: center;
   padding: 12px;
   box-sizing: border-box;

From 5e27514c26d76b9a9ffbd7f5bbf6829cdf7c81bc Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Fri, 30 Mar 2018 17:25:13 +0900
Subject: [PATCH 3/4] refs #116 Fix lazy loading

---
 src/renderer/components/TimelineSpace/Contents.vue        | 2 +-
 .../components/TimelineSpace/Contents/Favourites.vue      | 6 +++---
 src/renderer/components/TimelineSpace/Contents/Home.vue   | 6 +++---
 src/renderer/components/TimelineSpace/Contents/Local.vue  | 6 +++---
 .../components/TimelineSpace/Contents/Notifications.vue   | 6 +++---
 src/renderer/components/TimelineSpace/Contents/Public.vue | 6 +++---
 .../TimelineSpace/Contents/SideBar/AccountProfile.vue     | 8 ++++++++
 src/renderer/store/TimelineSpace/Contents/Favourites.js   | 1 -
 8 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents.vue b/src/renderer/components/TimelineSpace/Contents.vue
index 018e4d7c..a3acb815 100644
--- a/src/renderer/components/TimelineSpace/Contents.vue
+++ b/src/renderer/components/TimelineSpace/Contents.vue
@@ -1,6 +1,6 @@
 <template>
 <div id="contents">
-  <div :class="openSideBar ? 'timeline-wrapper-with-side-bar' : 'timeline-wrapper'">
+  <div id="scrollable" :class="openSideBar ? 'timeline-wrapper-with-side-bar' : 'timeline-wrapper'">
     <router-view></router-view>
   </div>
   <side-bar></side-bar>
diff --git a/src/renderer/components/TimelineSpace/Contents/Favourites.vue b/src/renderer/components/TimelineSpace/Contents/Favourites.vue
index 9feb9711..76bce852 100644
--- a/src/renderer/components/TimelineSpace/Contents/Favourites.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Favourites.vue
@@ -42,17 +42,17 @@ export default {
       })
   },
   mounted () {
-    window.addEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').addEventListener('scroll', this.onScroll)
   },
   destroyed () {
-    window.removeEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').removeEventListener('scroll', this.onScroll)
   },
   methods: {
     updateToot (message) {
       this.$store.commit('TimelineSpace/Contents/Favourites/updateToot', message)
     },
     onScroll (event) {
-      if (((document.documentElement.clientHeight + event.target.defaultView.scrollY) >= document.getElementById('favourites').clientHeight - 10) && !this.lazyloading) {
+      if (((event.target.clientHeight + event.target.scrollTop) >= document.getElementById('favourites').clientHeight - 10) && !this.lazyloading) {
         this.$store.dispatch('TimelineSpace/Contents/Favourites/lazyFetchFavourites', this.favourites[this.favourites.length - 1])
       }
     }
diff --git a/src/renderer/components/TimelineSpace/Contents/Home.vue b/src/renderer/components/TimelineSpace/Contents/Home.vue
index 67c1c867..1a9323e2 100644
--- a/src/renderer/components/TimelineSpace/Contents/Home.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Home.vue
@@ -23,7 +23,7 @@ export default {
   },
   mounted () {
     this.$store.commit('TimelineSpace/SideMenu/changeUnreadHomeTimeline', false)
-    window.addEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').addEventListener('scroll', this.onScroll)
   },
   beforeUpdate () {
     if (this.$store.state.TimelineSpace.SideMenu.unreadHomeTimeline) {
@@ -32,11 +32,11 @@ export default {
   },
   destroyed () {
     this.$store.commit('TimelineSpace/archiveHomeTimeline')
-    window.removeEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').removeEventListener('scroll', this.onScroll)
   },
   methods: {
     onScroll (event) {
-      if (((document.documentElement.clientHeight + event.target.defaultView.scrollY) >= document.getElementById('home').clientHeight - 10) && !this.lazyloading) {
+      if (((event.target.clientHeight + event.target.scrollTop) >= document.getElementById('home').clientHeight - 10) && !this.lazyloading) {
         this.$store.dispatch('TimelineSpace/Contents/Home/lazyFetchTimeline', this.timeline[this.timeline.length - 1])
       }
     }
diff --git a/src/renderer/components/TimelineSpace/Contents/Local.vue b/src/renderer/components/TimelineSpace/Contents/Local.vue
index f5167262..7ac2e6ec 100644
--- a/src/renderer/components/TimelineSpace/Contents/Local.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Local.vue
@@ -35,13 +35,13 @@ export default {
       .catch(() => {
         loading.close()
       })
-    window.addEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').addEventListener('scroll', this.onScroll)
   },
   beforeDestroy () {
     this.$store.dispatch('TimelineSpace/Contents/Local/stopLocalStreaming')
   },
   destroyed () {
-    window.removeEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').removeEventListener('scroll', this.onScroll)
   },
   methods: {
     async initialize () {
@@ -59,7 +59,7 @@ export default {
       this.$store.commit('TimelineSpace/Contents/Local/updateToot', message)
     },
     onScroll (event) {
-      if (((document.documentElement.clientHeight + event.target.defaultView.scrollY) >= document.getElementById('local').clientHeight - 10) && !this.lazyloading) {
+      if (((event.target.clientHeight + event.target.scrollTop) >= document.getElementById('local').clientHeight - 10) && !this.lazyloading) {
         this.$store.dispatch('TimelineSpace/Contents/Local/lazyFetchTimeline', this.timeline[this.timeline.length - 1])
       }
     }
diff --git a/src/renderer/components/TimelineSpace/Contents/Notifications.vue b/src/renderer/components/TimelineSpace/Contents/Notifications.vue
index 2ea88c6e..6ef1d606 100644
--- a/src/renderer/components/TimelineSpace/Contents/Notifications.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Notifications.vue
@@ -23,7 +23,7 @@ export default {
   },
   mounted () {
     this.$store.commit('TimelineSpace/SideMenu/changeUnreadNotifications', false)
-    window.addEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').addEventListener('scroll', this.onScroll)
   },
   beforeUpdate () {
     if (this.$store.state.TimelineSpace.SideMenu.unreadNotifications) {
@@ -32,11 +32,11 @@ export default {
   },
   destroyed () {
     this.$store.commit('TimelineSpace/archiveNotifications')
-    window.removeEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').removeEventListener('scroll', this.onScroll)
   },
   methods: {
     onScroll (event) {
-      if (((document.documentElement.clientHeight + event.target.defaultView.scrollY) >= document.getElementById('notifications').clientHeight - 10) && !this.lazyloading) {
+      if (((event.target.clientHeight + event.target.scrollTop) >= document.getElementById('notifications').clientHeight - 10) && !this.lazyloading) {
         this.$store.dispatch('TimelineSpace/Contents/Notifications/lazyFetchNotifications', this.notifications[this.notifications.length - 1])
       }
     }
diff --git a/src/renderer/components/TimelineSpace/Contents/Public.vue b/src/renderer/components/TimelineSpace/Contents/Public.vue
index c2dc650b..1276030d 100644
--- a/src/renderer/components/TimelineSpace/Contents/Public.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Public.vue
@@ -35,13 +35,13 @@ export default {
       .catch(() => {
         loading.close()
       })
-    window.addEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').addEventListener('scroll', this.onScroll)
   },
   beforeDestroy () {
     this.$store.dispatch('TimelineSpace/Contents/Public/stopPublicStreaming')
   },
   destroyed () {
-    window.removeEventListener('scroll', this.onScroll)
+    document.getElementById('scrollable').removeEventListener('scroll', this.onScroll)
   },
   methods: {
     async initialize () {
@@ -59,7 +59,7 @@ export default {
       this.$store.commit('TimelineSpace/Contents/Public/updateToot', message)
     },
     onScroll (event) {
-      if (((document.documentElement.clientHeight + event.target.defaultView.scrollY) >= document.getElementById('public').clientHeight - 10) && !this.lazyloading) {
+      if (((event.target.clientHeight + event.target.scrollTop) >= document.getElementById('public').clientHeight - 10) && !this.lazyloading) {
         this.$store.dispatch('TimelineSpace/Contents/Public/lazyFetchTimeline', this.timeline[this.timeline.length - 1])
       }
     }
diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
index 14aaf1ec..ae1e8aad 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
@@ -28,6 +28,9 @@
       <div class="count">{{ account.followers_count }}</div>
     </el-col>
   </el-row>
+  <div class="timeline">
+    Comming soon...
+  </div>
 </div>
 </template>
 
@@ -110,4 +113,9 @@ export default {
     border: none;
   }
 }
+
+.timeline {
+  font-size: 12px;
+  padding: 12px;
+}
 </style>
diff --git a/src/renderer/store/TimelineSpace/Contents/Favourites.js b/src/renderer/store/TimelineSpace/Contents/Favourites.js
index c107ba70..5a695dcc 100644
--- a/src/renderer/store/TimelineSpace/Contents/Favourites.js
+++ b/src/renderer/store/TimelineSpace/Contents/Favourites.js
@@ -60,7 +60,6 @@ const Favourites = {
             access_token: rootState.TimelineSpace.account.accessToken,
             api_url: rootState.TimelineSpace.account.baseURL + '/api/v1'
           })
-        console.log(last.id)
         // Note: Now this API's explanation and implementation are reversed.
         // So if the bug has resolved, please use max_id instead of since_id.
         // https://github.com/tootsuite/documentation/blob/master/Using-the-API/API.md#favourites

From f9b40262978f81f9bb0edd5f5e7d68c82bed2b33 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Fri, 30 Mar 2018 17:36:45 +0900
Subject: [PATCH 4/4] refs #116 Open links in the default browser

---
 .../Contents/SideBar/AccountProfile.vue       | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
index ae1e8aad..4cefad92 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
@@ -11,7 +11,7 @@
       <div class="account">
         @{{ account.acct }}
       </div>
-      <div class="note" v-html="account.note"></div>
+      <div class="note" v-html="account.note" @click.capture.prevent="noteClick"></div>
     </div>
   </div>
   <el-row class="basic-info">
@@ -36,6 +36,7 @@
 
 <script>
 import { mapState } from 'vuex'
+import { shell } from 'electron'
 
 export default {
   name: 'account-profile',
@@ -51,9 +52,28 @@ export default {
       } else {
         return account.username
       }
+    },
+    noteClick (e) {
+      const link = findLink(e.target)
+      if (link !== null) {
+        shell.openExternal(link)
+      }
     }
   }
 }
+
+function findLink (target) {
+  if (target.localName === 'a') {
+    return target.href
+  }
+  if (target.parentNode === undefined || target.parentNode === null) {
+    return null
+  }
+  if (target.parentNode.getAttribute('class') === 'note') {
+    return null
+  }
+  return findLink(target.parentNode)
+}
 </script>
 
 <style lang="scss" scoped>