refs #1766 Introduce vue-virtual-scroll in Search/Account

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>