fix: recycle scroller glitches (#174)

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>