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

---
 .../components/TimelineSpace/Contents/Search/Tag.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/Search/Tag.vue b/src/renderer/components/TimelineSpace/Contents/Search/Tag.vue
index 5730e8da..52e9a75a 100644
--- a/src/renderer/components/TimelineSpace/Contents/Search/Tag.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Search/Tag.vue
@@ -1,8 +1,12 @@
 <template>
   <div id="search_tag">
-    <template v-for="tag in results">
-      <tag :tag="tag"></tag>
-    </template>
+    <DynamicScroller :items="results" :min-item-size="46" key-field="name" class="scroller" page-mode>
+      <template v-slot="{ item, index, active }">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.name]" :data-index="index">
+          <tag :tag="item"></tag>
+        </DynamicScrollerItem>
+      </template>
+    </DynamicScroller>
   </div>
 </template>
 
@@ -18,7 +22,7 @@ export default {
       results: state => state.results
     })
   },
-  destroyed () {
+  destroyed() {
     this.$store.commit('TimelineSpace/Contents/Search/Tag/updateResults', [])
   }
 }