refs #1921 Add watchData parameter to DynamicScrollerItem

src/renderer/components/TimelineSpace/Contents/Bookmarks.vue

@@ -3,7 +3,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="bookmarks" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :focused="item.uri === focusedId"

src/renderer/components/TimelineSpace/Contents/DirectMessages.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Favourites.vue

@@ -3,7 +3,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="favourites" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Hashtag/Tag.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Home.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="filteredTimeline" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Lists/Show.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Local.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Mentions.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="mentions" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.url]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.url]" :data-index="index" :watchData="true">
           <notification
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Notifications.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="notifications" :min-item-size="20" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.url]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.url]" :data-index="index" :watchData="true">
           <notification
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Public.vue

@@ -4,7 +4,7 @@
     <div v-shortkey="{ linux: ['ctrl', 'r'], mac: ['meta', 'r'] }" @shortkey="reload()"></div>
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :filter="filter"

src/renderer/components/TimelineSpace/Contents/Search/Account.vue

@@ -2,7 +2,7 @@
   <div id="search_account">
     <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">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.acct]" :data-index="index" :watchData="true">
           <user :user="item"></user>
         </DynamicScrollerItem>
       </template>

src/renderer/components/TimelineSpace/Contents/Search/Tag.vue

@@ -2,7 +2,7 @@
   <div id="search_tag">
     <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">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.name]" :data-index="index" :watchData="true">
           <tag :tag="item"></tag>
         </DynamicScrollerItem>
       </template>

src/renderer/components/TimelineSpace/Contents/Search/Toots.vue

@@ -2,7 +2,7 @@
   <div id="search_account">
     <DynamicScroller :items="results" :min-item-size="60" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot :message="item"></toot>
         </DynamicScrollerItem>
       </template>

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

@@ -2,7 +2,7 @@
   <div id="followers">
     <DynamicScroller :items="followers" :min-item-size="53" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.item]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.item]" :data-index="index" :watchData="true">
           <user :user="item" :relationship="targetRelation(item.id)" @followAccount="followAccount" @unfollowAccount="unfollowAccount">
           </user>
         </DynamicScrollerItem>

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

@@ -2,7 +2,7 @@
   <div id="follows">
     <DynamicScroller :items="follows" :min-item-size="53" class="scroller" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.item]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.item]" :data-index="index" :watchData="true">
           <user
             :user="item"
             v-bind:key="item.id"

src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile/Timeline/Media.vue

@@ -2,7 +2,7 @@
   <div id="timeline">
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" :buffer="buffer" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :key="item.id"

src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile/Timeline/Posts.vue

@@ -18,7 +18,7 @@
     </template>
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" :buffer="buffer" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :key="item.id"

src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile/Timeline/PostsAndReplies.vue

@@ -2,7 +2,7 @@
   <div id="timeline">
     <DynamicScroller :items="timeline" :min-item-size="60" class="scroller" :buffer="buffer" page-mode>
       <template v-slot="{ item, index, active }">
-        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index">
+        <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.uri]" :data-index="index" :watchData="true">
           <toot
             :message="item"
             :key="item.id"