[client] Allow async+lazy rendering of all images in timeline views

packages/client/src/components/MkImgWithBlurhash.vue

@@ -15,6 +15,7 @@
 		:class="{ cover }"
 		:style="{ 'object-fit': cover ? 'cover' : null }"
 		loading="lazy"
+		decoding="async"
 		@load="onLoad"
 	/>
 </template>

packages/client/src/components/MkMention.vue

@@ -7,7 +7,7 @@
 		:to="url"
 		@click.stop
 	>
-		<img class="icon" :src="`/avatar/@${username}@${host}`" alt="" />
+		<img class="icon" :src="`/avatar/@${username}@${host}`" alt="" loading="lazy" decoding="async" />
 		<span class="main">
 			<span class="username">@{{ username }}</span>
 			<span

packages/client/src/components/global/MkAvatar.vue

@@ -8,7 +8,7 @@
 		:title="acct(user)"
 		@click="onClick"
 	>
-		<img class="inner" :src="url" decoding="async" />
+		<img class="inner" :src="url" loading="lazy" decoding="async" />
 		<MkUserOnlineIndicator
 			v-if="showIndicator && user.instance == null"
 			class="indicator"
@@ -26,7 +26,7 @@
 		:target="target"
 		@click.stop
 	>
-		<img class="inner" :src="url" decoding="async" />
+		<img class="inner" :src="url" loading="lazy" decoding="async" />
 		<MkUserOnlineIndicator
 			v-if="showIndicator && user.instance == null"
 			class="indicator"

packages/client/src/components/global/MkEmoji.vue

@@ -7,6 +7,7 @@
 		:alt="alt"
 		:title="alt"
 		decoding="async"
+		loading="lazy"
 	/>
 	<img
 		v-else-if="char && !useOsNativeEmojis"
@@ -15,6 +16,7 @@
 		:alt="alt"
 		:title="alt"
 		decoding="async"
+		loading="lazy"
 	/>
 	<span v-else-if="char && useOsNativeEmojis">{{ char }}</span>
 	<span v-else>{{ emoji }}</span>