refactor(client): Use v-t for i18n

src/client/pages/messaging/index.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="mk-messaging" v-size="[{ max: 400 }]">
 	<portal to="icon"><fa :icon="faComments"/></portal>
-	<portal to="title">{{ $t('messaging') }}</portal>
+	<portal to="title" v-t="'messaging'"></portal>
 
 	<mk-button @click="start" primary class="start"><fa :icon="faPlus"/> {{ $t('startMessaging') }}</mk-button>
 
@@ -33,7 +33,7 @@
 	</div>
 	<div class="_fullinfo" v-if="!fetching && messages.length == 0">
 		<img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/>
-		<div>{{ $t('noHistory') }}</div>
+		<div v-t="'noHistory'"></div>
 	</div>
 	<mk-loading v-if="fetching"/>
 </div>

src/client/pages/messaging/messaging-room.message.vue

@@ -16,7 +16,7 @@
 				</div>
 			</div>
 			<div class="content" v-else>
-				<p class="is-deleted">{{ $t('deleted') }}</p>
+				<p class="is-deleted" v-t="'deleted'"></p>
 			</div>
 		</div>
 		<div></div>
@@ -26,7 +26,7 @@
 				<span class="read" v-if="message.reads.length > 0">{{ $t('messageRead') }} {{ message.reads.length }}</span>
 			</template>
 			<template v-else>
-				<span class="read" v-if="isMe && message.isRead">{{ $t('messageRead') }}</span>
+				<span class="read" v-if="isMe && message.isRead" v-t="'messageRead'"></span>
 			</template>
 			<mk-time :time="message.createdAt"/>
 			<template v-if="message.is_edited"><fa icon="pencil-alt"/></template>