From e688cee974f69cf4e400ec105f02e18d1169db75 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Mon, 19 Oct 2020 23:33:43 +0900
Subject: [PATCH] refs #1766 Introduce vue-virtual-scroll in Search/Account

---
 .../TimelineSpace/Contents/Search/Account.vue     | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/Search/Account.vue b/src/renderer/components/TimelineSpace/Contents/Search/Account.vue
index 5b3dca36..5139f395 100644
--- a/src/renderer/components/TimelineSpace/Contents/Search/Account.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Search/Account.vue
@@ -1,8 +1,12 @@
 <template>
   <div id="search_account">
-    <template v-for="account in results">
-      <user :user="account"></user>
-    </template>
+    <DynamicScroller :items="results" :min-item-size="20" class="scroller" page-mode>
+      <template v-slot="{ item, index, active }">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.acct]" :data-index="index">
+          <user :user="item"></user>
+        </DynamicScrollerItem>
+      </template>
+    </DynamicScroller>
   </div>
 </template>
 
@@ -18,11 +22,10 @@ export default {
       results: state => state.TimelineSpace.Contents.Search.Account.results
     })
   },
-  destroyed () {
+  destroyed() {
     this.$store.commit('TimelineSpace/Contents/Search/Account/updateResults', [])
   }
 }
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>