fix: recycle scroller glitches (#174)

components/account/AccountAvatar.vue

@@ -8,6 +8,7 @@ defineProps<{
 
 <template>
   <img
+    :key="account.avatar"
     :src="account.avatar"
     :alt="account.username"
     loading="lazy"

components/common/CommonBlurhash.ts

@@ -19,6 +19,7 @@ export default defineComponent({
 
     onMounted(() => {
       const img = document.createElement('img')
+      isLoaded.value = img.complete
       img.onload = () => {
         isLoaded.value = true
       }

components/common/CommonPaginator.vue

@@ -24,7 +24,13 @@ const { items, state, endAnchor, error } = usePaginator(paginator)
 <template>
   <div>
     <template v-if="virtualScroller">
-      <DynamicScroller v-slot="{ item, active }" :items="items" :min-item-size="200" page-mode>
+      <DynamicScroller
+        v-slot="{ item, active }"
+        :items="items"
+        :min-item-size="200"
+        :key-field="keyProp"
+        page-mode
+      >
         <slot :item="item" :active="active" />
       </DynamicScroller>
     </template>

components/timeline/TimelinePaginator.vue

@@ -11,7 +11,7 @@ const { paginator } = defineProps<{
 <template>
   <CommonPaginator :paginator="paginator" virtual-scroller>
     <template #default="{ item, active }">
-      <DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.text]">
+      <DynamicScrollerItem :item="item" :active="active">
         <StatusCard
           :status="item"
           border="b base" py-3