refs #1766 Introduce vue-virtual-scroll in SideBar/Follows

src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile/Follows.vue

@@ -1,15 +1,19 @@
 <template>
   <div id="follows">
-    <template v-for="follow in follows">
+    <DynamicScroller :items="follows" :min-item-size="53" class="scroller" page-mode>
-      <user
+      <template v-slot="{ item, index, active }">
-        :user="follow"
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.item]" :data-index="index">
-        v-bind:key="follow.id"
+          <user
-        :relationship="targetRelation(follow.id)"
+            :user="item"
-        @followAccount="followAccount"
+            v-bind:key="item.id"
-        @unfollowAccount="unfollowAccount"
+            :relationship="targetRelation(item.id)"
-      >
+            @followAccount="followAccount"
-      </user>
+            @unfollowAccount="unfollowAccount"
-    </template>
+          >
+          </user>
+        </DynamicScrollerItem>
+      </template>
+    </DynamicScroller>
   </div>
 </template>
 
@@ -31,7 +35,7 @@ export default {
     this.load()
   },
   watch: {
-    account: function(_newAccount, _oldAccount) {
+    account: function (_newAccount, _oldAccount) {
       this.load()
     }
   },