aboutsummaryrefslogtreecommitdiff
path: root/src/components/emoji_picker/emoji_picker.vue
diff options
context:
space:
mode:
authorTusooa Zhu <tusooa@kazv.moe>2021-10-07 23:23:58 -0400
committerTusooa Zhu <tusooa@kazv.moe>2022-09-18 13:19:51 -0400
commitc70cdbb873eb77bc1aaf7edb9defdda59bdba1e1 (patch)
tree165a38505295386c74b4ec645093fc8e4987bb90 /src/components/emoji_picker/emoji_picker.vue
parent90f757cc6d9e1e29c2567979d3c27765f84cdc6c (diff)
Use lozad for lazy image loading
Ref: grouped-emoji-picker
Diffstat (limited to 'src/components/emoji_picker/emoji_picker.vue')
-rw-r--r--src/components/emoji_picker/emoji_picker.vue3
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue
index 7b2b7fc8..0e6c7e41 100644
--- a/src/components/emoji_picker/emoji_picker.vue
+++ b/src/components/emoji_picker/emoji_picker.vue
@@ -62,6 +62,7 @@
</div>
<div
ref="emoji-groups"
+ v-lazy-image-container
class="emoji-groups"
:class="groupsScrolledClass"
@scroll="onScroll"
@@ -87,7 +88,7 @@
<span v-if="!emoji.imageUrl">{{ emoji.replacement }}</span>
<img
v-else
- :src="emoji.imageUrl"
+ :data-src="emoji.imageUrl"
>
</span>
<span :ref="'group-end-' + group.id" />