refactor(client): Use v-t for i18n

73 files changed, 335 insertions, 335 deletions

diff --git a/src/client/pages/about-misskey.vue b/src/client/pages/about-misskey.vue
index 2c4a257b15..d9a200c033 100644
--- a/src/client/pages/about-misskey.vue
+++ b/src/client/pages/about-misskey.vue
@@ -1,16 +1,16 @@
 <template>
 <div class="znqjceqz">
-	<portal to="title">{{ $t('aboutMisskey') }}</portal>
+	<portal to="title" v-t="'aboutMisskey'"></portal>
 
 	<section class="_card">
-		<div class="_title">{{ $t('aboutMisskey') }}</div>
+		<div class="_title" v-t="'aboutMisskey'"></div>
 		<div class="_content" style="text-align: center;">
 			<img src="/assets/icons/512.png" alt="" style="display: block; width: 100px; margin: 0 auto; border-radius: 16px;"/>
 			<div style="margin-top: 0.75em;">Misskey</div>
 			<div style="opacity: 0.5;">v{{ version }}</div>
 		</div>
 		<div class="_content">
-			<div style="margin-bottom: 1em;">{{ $t('aboutMisskeyText') }}</div>
+			<div style="margin-bottom: 1em;" v-t="'aboutMisskeyText'"></div>
 			<div>🛠️ {{ $t('misskeyMembers') }}</div>
 			<ul class="members">
 				<li><mk-link url="https://github.com/syuilo" class="at">@syuilo</mk-link></li>
@@ -53,7 +53,7 @@
 				<li>nenohi</li>
 				<li>Eduardo Quiros</li>
 			</ul>
-			<span>{{ $t('morePatrons') }}</span>
+			<span v-t="'morePatrons'"></span>
 		</div>
 	</section>
 </div>
diff --git a/src/client/pages/about.vue b/src/client/pages/about.vue
index 25fb0ca13e..8fc2aed6f8 100644
--- a/src/client/pages/about.vue
+++ b/src/client/pages/about.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="mmnnbwxb">
 	<portal to="icon"><fa :icon="faInfoCircle"/></portal>
-	<portal to="title">{{ $t('about') }}</portal>
+	<portal to="title" v-t="'about'"></portal>
 
 	<section class="_card info" v-if="meta">
 		<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div>
@@ -9,7 +9,7 @@
 			<div v-html="meta.description"></div>
 		</div>
 		<div class="_content table">
-			<div><b>{{ $t('administrator') }}</b><span>{{ meta.maintainerName }}</span></div>
+			<div><b v-t="'administrator'"></b><span>{{ meta.maintainerName }}</span></div>
 			<div><b></b><span>{{ meta.maintainerEmail }}</span></div>
 		</div>
 		<div class="_content table">
diff --git a/src/client/pages/announcements.vue b/src/client/pages/announcements.vue
index 089475ed60..5be355e1fb 100644
--- a/src/client/pages/announcements.vue
+++ b/src/client/pages/announcements.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faBroadcastTower"/></portal>
-	<portal to="title">{{ $t('announcements') }}</portal>
+	<portal to="title" v-t="'announcements'"></portal>
 
 	<mk-pagination :pagination="pagination" #default="{items}" class="ruryvtyk" ref="list">
 		<section class="_card announcement" v-for="(announcement, i) in items" :key="announcement.id">
diff --git a/src/client/pages/apps.vue b/src/client/pages/apps.vue
index 445bba34c8..be4c3240dd 100644
--- a/src/client/pages/apps.vue
+++ b/src/client/pages/apps.vue
@@ -1,13 +1,13 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faPlug"/></portal>
-	<portal to="title">{{ $t('installedApps') }}</portal>
+	<portal to="title" v-t="'installedApps'"></portal>
 
 	<mk-pagination :pagination="pagination" class="bfomjevm" ref="list">
 		<template #empty>
 			<div class="_fullinfo">
 				<img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/>
-				<div>{{ $t('nothing') }}</div>
+				<div v-t="'nothing'"></div>
 			</div>
 		</template>
 		<template #default="{items}">
@@ -28,7 +28,7 @@
 						<button class="_button" @click="revoke(token)"><fa :icon="faTrashAlt"/></button>
 					</div>
 					<details>
-						<summary>{{ $t('details') }}</summary>
+						<summary v-t="'details'"></summary>
 						<ul>
 							<li v-for="p in token.permission" :key="p">{{ $t(`_permissions.${p}`) }}</li>
 						</ul>
diff --git a/src/client/pages/auth.vue b/src/client/pages/auth.vue
index 5c40842da1..053964b4fa 100755
--- a/src/client/pages/auth.vue
+++ b/src/client/pages/auth.vue
@@ -17,10 +17,10 @@
 	<div class="accepted _panel" v-if="state == 'accepted'">
 		<h1>{{ session.app.isAuthorized ? this.$t('already-authorized') : this.$t('allowed') }}</h1>
 		<p v-if="session.app.callbackUrl">{{ $t('_auth.callback') }}<mk-ellipsis/></p>
-		<p v-if="!session.app.callbackUrl">{{ $t('_auth.pleaseGoBack') }}</p>
+		<p v-if="!session.app.callbackUrl" v-t="'_auth.pleaseGoBack'"></p>
 	</div>
 	<div class="error _panel" v-if="state == 'fetch-session-error'">
-		<p>{{ $t('error') }}</p>
+		<p v-t="'error'"></p>
 	</div>
 </div>
 <div class="signin" v-else>
diff --git a/src/client/pages/doc.vue b/src/client/pages/doc.vue
index e4c4ef5c6c..13b2d47f52 100644
--- a/src/client/pages/doc.vue
+++ b/src/client/pages/doc.vue
@@ -8,7 +8,7 @@
 			<div v-html="body" class="qyqbqfal"></div>
 		</div>
 		<div class="_footer">
-			<mk-link :url="`https://github.com/syuilo/misskey/blob/master/src/docs/${doc}.ja-JP.md`" class="at">{{ $t('docSource') }}</mk-link>
+			<mk-link :url="`https://github.com/syuilo/misskey/blob/master/src/docs/${doc}.ja-JP.md`" class="at" v-t="'docSource'"></mk-link>
 		</div>
 	</main>
 </div>
diff --git a/src/client/pages/docs.vue b/src/client/pages/docs.vue
index a880e8abe4..3e10b843eb 100644
--- a/src/client/pages/docs.vue
+++ b/src/client/pages/docs.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faQuestionCircle"/></portal>
-	<portal to="title">{{ $t('help') }}</portal>
+	<portal to="title" v-t="'help'"></portal>
 	<main class="_card">
 		<div class="_content">
 			<ul>
diff --git a/src/client/pages/explore.vue b/src/client/pages/explore.vue
index 39904846cf..511d35e054 100644
--- a/src/client/pages/explore.vue
+++ b/src/client/pages/explore.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faHashtag"/></portal>
-	<portal to="title">{{ $t('explore') }}</portal>
+	<portal to="title" v-t="'explore'"></portal>
 
 	<div class="localfedi7 _panel" v-if="meta && stats && tag == null" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }">
 		<header><span>{{ $t('explore', { host: meta.name || 'Misskey' }) }}</span></header>
@@ -24,7 +24,7 @@
 	</template>
 
 	<div class="localfedi7 _panel" v-if="tag == null" :style="{ backgroundImage: `url(/assets/fedi.jpg)`, marginTop: 'var(--margin)' }">
-		<header><span>{{ $t('exploreFediverse') }}</span></header>
+		<header><span v-t="'exploreFediverse'"></span></header>
 	</div>
 
 	<mk-container :body-togglable="true" :expanded="false" ref="tags">
diff --git a/src/client/pages/favorites.vue b/src/client/pages/favorites.vue
index 59bef2ca91..b4c0b6318f 100644
--- a/src/client/pages/favorites.vue
+++ b/src/client/pages/favorites.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faStar"/></portal>
-	<portal to="title">{{ $t('favorites') }}</portal>
+	<portal to="title" v-t="'favorites'"></portal>
 	<x-notes :pagination="pagination" :detail="true" :extract="items => items.map(item => item.note)" @before="before()" @after="after()"/>
 </div>
 </template>
diff --git a/src/client/pages/featured.vue b/src/client/pages/featured.vue
index e6293e9e83..102e950570 100644
--- a/src/client/pages/featured.vue
+++ b/src/client/pages/featured.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faFireAlt"/></portal>
-	<portal to="title">{{ $t('featured') }}</portal>
+	<portal to="title" v-t="'featured'"></portal>
 	<x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/>
 </div>
 </template>
diff --git a/src/client/pages/follow-requests.vue b/src/client/pages/follow-requests.vue
index b310d9f581..dbd7826ce3 100644
--- a/src/client/pages/follow-requests.vue
+++ b/src/client/pages/follow-requests.vue
@@ -1,13 +1,13 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faUserClock"/></portal>
-	<portal to="title">{{ $t('followRequests') }}</portal>
+	<portal to="title" v-t="'followRequests'"></portal>
 
 	<mk-pagination :pagination="pagination" class="mk-follow-requests" ref="list">
 		<template #empty>
 			<div class="_fullinfo">
 				<img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/>
-				<div>{{ $t('noFollowRequests') }}</div>
+				<div v-t="'noFollowRequests'"></div>
 			</div>
 		</template>
 		<template #default="{items}">
diff --git a/src/client/pages/index.home.tutorial.vue b/src/client/pages/index.home.tutorial.vue
index dc255bf6a3..d40beb9357 100644
--- a/src/client/pages/index.home.tutorial.vue
+++ b/src/client/pages/index.home.tutorial.vue
@@ -2,45 +2,45 @@
 <div class="_card tbkwesmv">
 	<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('_tutorial.title') }}</div>
 	<div class="_content" v-if="tutorial === 0">
-		<div>{{ $t('_tutorial.step1_1') }}</div>
-		<div>{{ $t('_tutorial.step1_2') }}</div>
-		<div>{{ $t('_tutorial.step1_3') }}</div>
+		<div v-t="'_tutorial.step1_1'"></div>
+		<div v-t="'_tutorial.step1_2'"></div>
+		<div v-t="'_tutorial.step1_3'"></div>
 	</div>
 	<div class="_content" v-else-if="tutorial === 1">
-		<div>{{ $t('_tutorial.step2_1') }}</div>
-		<div>{{ $t('_tutorial.step2_2') }}</div>
-		<router-link class="_link" to="/my/settings">{{ $t('editProfile') }}</router-link>
+		<div v-t="'_tutorial.step2_1'"></div>
+		<div v-t="'_tutorial.step2_2'"></div>
+		<router-link class="_link" to="/my/settings" v-t="'editProfile'"></router-link>
 	</div>
 	<div class="_content" v-else-if="tutorial === 2">
-		<div>{{ $t('_tutorial.step3_1') }}</div>
-		<div>{{ $t('_tutorial.step3_2') }}</div>
-		<div>{{ $t('_tutorial.step3_3') }}</div>
-		<small>{{ $t('_tutorial.step3_4') }}</small>
+		<div v-t="'_tutorial.step3_1'"></div>
+		<div v-t="'_tutorial.step3_2'"></div>
+		<div v-t="'_tutorial.step3_3'"></div>
+		<small v-t="'_tutorial.step3_4'"></small>
 	</div>
 	<div class="_content" v-else-if="tutorial === 3">
-		<div>{{ $t('_tutorial.step4_1') }}</div>
-		<div>{{ $t('_tutorial.step4_2') }}</div>
+		<div v-t="'_tutorial.step4_1'"></div>
+		<div v-t="'_tutorial.step4_2'"></div>
 	</div>
 	<div class="_content" v-else-if="tutorial === 4">
-		<div>{{ $t('_tutorial.step5_1') }}</div>
+		<div v-t="'_tutorial.step5_1'"></div>
 		<i18n path="_tutorial.step5_2" tag="div">
-			<router-link class="_link" place="featured" to="/featured">{{ $t('featured') }}</router-link>
-			<router-link class="_link" place="explore" to="/explore">{{ $t('explore') }}</router-link>
+			<router-link class="_link" place="featured" to="/featured" v-t="'featured'"></router-link>
+			<router-link class="_link" place="explore" to="/explore" v-t="'explore'"></router-link>
 		</i18n>
-		<div>{{ $t('_tutorial.step5_3') }}</div>
-		<small>{{ $t('_tutorial.step5_4') }}</small>
+		<div v-t="'_tutorial.step5_3'"></div>
+		<small v-t="'_tutorial.step5_4'"></small>
 	</div>
 	<div class="_content" v-else-if="tutorial === 5">
-		<div>{{ $t('_tutorial.step6_1') }}</div>
-		<div>{{ $t('_tutorial.step6_2') }}</div>
-		<div>{{ $t('_tutorial.step6_3') }}</div>
+		<div v-t="'_tutorial.step6_1'"></div>
+		<div v-t="'_tutorial.step6_2'"></div>
+		<div v-t="'_tutorial.step6_3'"></div>
 	</div>
 	<div class="_content" v-else-if="tutorial === 6">
-		<div>{{ $t('_tutorial.step7_1') }}</div>
+		<div v-t="'_tutorial.step7_1'"></div>
 		<i18n path="_tutorial.step7_2" tag="div">
-			<router-link class="_link" place="help" to="/docs">{{ $t('help') }}</router-link>
+			<router-link class="_link" place="help" to="/docs" v-t="'help'"></router-link>
 		</i18n>
-		<div>{{ $t('_tutorial.step7_3') }}</div>
+		<div v-t="'_tutorial.step7_3'"></div>
 	</div>
 
 	<div class="_footer navigation">
diff --git a/src/client/pages/index.home.vue b/src/client/pages/index.home.vue
index b40086c310..076a7e3527 100644
--- a/src/client/pages/index.home.vue
+++ b/src/client/pages/index.home.vue
@@ -14,7 +14,7 @@
 		</button>
 	</portal>
 
-	<div class="new" v-if="queue > 0" :style="{ width: width + 'px' }"><button class="_buttonPrimary" @click="top()">{{ $t('newNoteRecived') }}</button></div>
+	<div class="new" v-if="queue > 0" :style="{ width: width + 'px' }"><button class="_buttonPrimary" @click="top()" v-t="'newNoteRecived'"></button></div>
 
 	<x-tutorial class="tutorial" v-if="$store.state.settings.tutorial != -1"/>
 
diff --git a/src/client/pages/index.welcome.entrance.vue b/src/client/pages/index.welcome.entrance.vue
index 9bb2e85fc3..0c72fcbd5f 100644
--- a/src/client/pages/index.welcome.entrance.vue
+++ b/src/client/pages/index.welcome.entrance.vue
@@ -6,7 +6,7 @@
 			<h1 class="name" v-html="meta.name || host"></h1>
 			<div class="desc" v-html="meta.description || $t('introMisskey')"></div>
 			<mk-button @click="signup()" style="display: inline-block; margin-right: 16px;" primary>{{ $t('signup') }}</mk-button>
-			<mk-button @click="signin()" style="display: inline-block;">{{ $t('login') }}</mk-button>
+			<mk-button @click="signin()" style="display: inline-block;" v-t="'login'"></mk-button>
 		</div>
 	</div>
 	<x-notes :pagination="featuredPagination"/>
diff --git a/src/client/pages/index.welcome.setup.vue b/src/client/pages/index.welcome.setup.vue
index 9a66a4dffb..db121d27e4 100644
--- a/src/client/pages/index.welcome.setup.vue
+++ b/src/client/pages/index.welcome.setup.vue
@@ -2,14 +2,14 @@
 <form class="mk-setup" @submit.prevent="submit()">
 	<h1>Welcome to Misskey!</h1>
 	<div>
-		<p>{{ $t('intro') }}</p>
+		<p v-t="'intro'"></p>
 		<mk-input v-model="username" pattern="^[a-zA-Z0-9_]{1,20}$" spellcheck="false" required>
-			<span>{{ $t('username') }}</span>
+			<span v-t="'username'"></span>
 			<template #prefix>@</template>
 			<template #suffix>@{{ host }}</template>
 		</mk-input>
 		<mk-input v-model="password" type="password">
-			<span>{{ $t('password') }}</span>
+			<span v-t="'password'"></span>
 			<template #prefix><fa :icon="faLock"/></template>
 		</mk-input>
 		<footer>
diff --git a/src/client/pages/instance/announcements.vue b/src/client/pages/instance/announcements.vue
index 0e11e2932e..1b74ebb9f3 100644
--- a/src/client/pages/instance/announcements.vue
+++ b/src/client/pages/instance/announcements.vue
@@ -1,18 +1,18 @@
 <template>
 <div class="ztgjmzrw">
 	<portal to="icon"><fa :icon="faBroadcastTower"/></portal>
-	<portal to="title">{{ $t('announcements') }}</portal>
+	<portal to="title" v-t="'announcements'"></portal>
 	<mk-button @click="add()" primary style="margin: 0 auto 16px auto;"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
 	<section class="_card announcements">
 		<div class="_content announcement" v-for="announcement in announcements">
 			<mk-input v-model="announcement.title">
-				<span>{{ $t('title') }}</span>
+				<span v-t="'title'"></span>
 			</mk-input>
 			<mk-textarea v-model="announcement.text">
-				<span>{{ $t('text') }}</span>
+				<span v-t="'text'"></span>
 			</mk-textarea>
 			<mk-input v-model="announcement.imageUrl">
-				<span>{{ $t('imageUrl') }}</span>
+				<span v-t="'imageUrl'"></span>
 			</mk-input>
 			<p v-if="announcement.reads">{{ $t('nUsersRead', { n: announcement.reads }) }}</p>
 			<div class="buttons">
diff --git a/src/client/pages/instance/emojis.vue b/src/client/pages/instance/emojis.vue
index 26e238b128..441e51a001 100644
--- a/src/client/pages/instance/emojis.vue
+++ b/src/client/pages/instance/emojis.vue
@@ -1,13 +1,13 @@
 <template>
 <div class="mk-instance-emojis">
 	<portal to="icon"><fa :icon="faLaugh"/></portal>
-	<portal to="title">{{ $t('customEmojis') }}</portal>
+	<portal to="title" v-t="'customEmojis'"></portal>
 
 	<section class="_card local">
 		<div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojis') }}</div>
 		<div class="_content">
 			<mk-pagination :pagination="pagination" class="emojis" ref="emojis">
-				<template #empty><span>{{ $t('noCustomEmojis') }}</span></template>
+				<template #empty><span v-t="'noCustomEmojis'"></span></template>
 				<template #default="{items}">
 					<div class="emoji" v-for="(emoji, i) in items" :key="emoji.id" @click="selected = emoji" :class="{ selected: selected && (selected.id === emoji.id) }">
 						<img :src="emoji.url" class="img" :alt="emoji.name"/>
@@ -23,9 +23,9 @@
 			</mk-pagination>
 		</div>
 		<div class="_content" v-if="selected">
-			<mk-input v-model="name"><span>{{ $t('name') }}</span></mk-input>
-			<mk-input v-model="category" :datalist="categories"><span>{{ $t('category') }}</span></mk-input>
-			<mk-input v-model="aliases"><span>{{ $t('tags') }}</span></mk-input>
+			<mk-input v-model="name"><span v-t="'name'"></span></mk-input>
+			<mk-input v-model="category" :datalist="categories"><span v-t="'category'"></span></mk-input>
+			<mk-input v-model="aliases"><span v-t="'tags'"></span></mk-input>
 			<mk-button inline primary @click="update"><fa :icon="faSave"/> {{ $t('save') }}</mk-button>
 			<mk-button inline :disabled="selected == null" @click="del()"><fa :icon="faTrashAlt"/> {{ $t('delete') }}</mk-button>
 		</div>
@@ -36,9 +36,9 @@
 	<section class="_card remote">
 		<div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojisOfRemote') }}</div>
 		<div class="_content">
-			<mk-input v-model="host" :debounce="true"><span>{{ $t('host') }}</span></mk-input>
+			<mk-input v-model="host" :debounce="true"><span v-t="'host'"></span></mk-input>
 			<mk-pagination :pagination="remotePagination" class="emojis" ref="remoteEmojis">
-				<template #empty><span>{{ $t('noCustomEmojis') }}</span></template>
+				<template #empty><span v-t="'noCustomEmojis'"></span></template>
 				<template #default="{items}">
 					<div class="emoji" v-for="(emoji, i) in items" :key="emoji.id" @click="selectedRemote = emoji" :class="{ selected: selectedRemote && (selectedRemote.id === emoji.id) }">
 						<img :src="emoji.url" class="img" :alt="emoji.name"/>
diff --git a/src/client/pages/instance/federation.instance.vue b/src/client/pages/instance/federation.instance.vue
index 6b6352a151..4cce9b6ed8 100644
--- a/src/client/pages/instance/federation.instance.vue
+++ b/src/client/pages/instance/federation.instance.vue
@@ -5,11 +5,11 @@
 		<div class="table info">
 			<div class="row">
 				<div class="cell">
-					<div class="label">{{ $t('software') }}</div>
+					<div class="label" v-t="'software'"></div>
 					<div class="data">{{ instance.softwareName || '?' }}</div>
 				</div>
 				<div class="cell">
-					<div class="label">{{ $t('version') }}</div>
+					<div class="label" v-t="'version'"></div>
 					<div class="data">{{ instance.softwareVersion || '?' }}</div>
 				</div>
 			</div>
@@ -70,24 +70,24 @@
 		</div>
 		<div class="chart">
 			<div class="header">
-				<span class="label">{{ $t('charts') }}</span>
+				<span class="label" v-t="'charts'"></span>
 				<div class="selects">
 					<mk-select v-model="chartSrc" style="margin: 0; flex: 1;">
-						<option value="requests">{{ $t('_instanceCharts.requests') }}</option>
-						<option value="users">{{ $t('_instanceCharts.users') }}</option>
-						<option value="users-total">{{ $t('_instanceCharts.usersTotal') }}</option>
-						<option value="notes">{{ $t('_instanceCharts.notes') }}</option>
-						<option value="notes-total">{{ $t('_instanceCharts.notesTotal') }}</option>
-						<option value="ff">{{ $t('_instanceCharts.ff') }}</option>
-						<option value="ff-total">{{ $t('_instanceCharts.ffTotal') }}</option>
-						<option value="drive-usage">{{ $t('_instanceCharts.cacheSize') }}</option>
-						<option value="drive-usage-total">{{ $t('_instanceCharts.cacheSizeTotal') }}</option>
-						<option value="drive-files">{{ $t('_instanceCharts.files') }}</option>
-						<option value="drive-files-total">{{ $t('_instanceCharts.filesTotal') }}</option>
+						<option value="requests" v-t="'_instanceCharts.requests'"></option>
+						<option value="users" v-t="'_instanceCharts.users'"></option>
+						<option value="users-total" v-t="'_instanceCharts.usersTotal'"></option>
+						<option value="notes" v-t="'_instanceCharts.notes'"></option>
+						<option value="notes-total" v-t="'_instanceCharts.notesTotal'"></option>
+						<option value="ff" v-t="'_instanceCharts.ff'"></option>
+						<option value="ff-total" v-t="'_instanceCharts.ffTotal'"></option>
+						<option value="drive-usage" v-t="'_instanceCharts.cacheSize'"></option>
+						<option value="drive-usage-total" v-t="'_instanceCharts.cacheSizeTotal'"></option>
+						<option value="drive-files" v-t="'_instanceCharts.files'"></option>
+						<option value="drive-files-total" v-t="'_instanceCharts.filesTotal'"></option>
 					</mk-select>
 					<mk-select v-model="chartSpan" style="margin: 0;">
-						<option value="hour">{{ $t('perHour') }}</option>
-						<option value="day">{{ $t('perDay') }}</option>
+						<option value="hour" v-t="'perHour'"></option>
+						<option value="day" v-t="'perDay'"></option>
 					</mk-select>
 				</div>
 			</div>
@@ -96,21 +96,21 @@
 			</div>
 		</div>
 		<div class="operations">
-			<span class="label">{{ $t('operations') }}</span>
-			<mk-switch v-model="isSuspended" class="switch">{{ $t('stopActivityDelivery') }}</mk-switch>
-			<mk-switch :value="isBlocked" class="switch" @change="changeBlock">{{ $t('blockThisInstance') }}</mk-switch>
+			<span class="label" v-t="'operations'"></span>
+			<mk-switch v-model="isSuspended" class="switch" v-t="'stopActivityDelivery'"></mk-switch>
+			<mk-switch :value="isBlocked" class="switch" @change="changeBlock" v-t="'blockThisInstance'"></mk-switch>
 			<details>
-				<summary>{{ $t('deleteAllFiles') }}</summary>
+				<summary v-t="'deleteAllFiles'"></summary>
 				<mk-button @click="deleteAllFiles()" style="margin: 0.5em 0 0.5em 0;"><fa :icon="faTrashAlt"/> {{ $t('deleteAllFiles') }}</mk-button>
 			</details>
 			<details>
-				<summary>{{ $t('removeAllFollowing') }}</summary>
+				<summary v-t="'removeAllFollowing'"></summary>
 				<mk-button @click="removeAllFollowing()" style="margin: 0.5em 0 0.5em 0;"><fa :icon="faMinusCircle"/> {{ $t('removeAllFollowing') }}</mk-button>
 				<mk-info warn>{{ $t('removeAllFollowingDescription', { host: instance.host }) }}</mk-info>
 			</details>
 		</div>
 		<details class="metadata">
-			<summary class="label">{{ $t('metadata') }}</summary>
+			<summary class="label" v-t="'metadata'"></summary>
 			<pre><code>{{ JSON.stringify(instance, null, 2) }}</code></pre>
 		</details>
 	</div>
diff --git a/src/client/pages/instance/federation.vue b/src/client/pages/instance/federation.vue
index 77819235d7..f4e5560141 100644
--- a/src/client/pages/instance/federation.vue
+++ b/src/client/pages/instance/federation.vue
@@ -1,21 +1,21 @@
 <template>
 <div class="mk-federation">
 	<portal to="icon"><fa :icon="faGlobe"/></portal>
-	<portal to="title">{{ $t('federation') }}</portal>
+	<portal to="title" v-t="'federation'"></portal>
 
 	<section class="_card instances">
 		<div class="_content">
-			<mk-input v-model="host" :debounce="true"><span>{{ $t('host') }}</span></mk-input>
+			<mk-input v-model="host" :debounce="true"><span v-t="'host'"></span></mk-input>
 			<div class="inputs" style="display: flex;">
 				<mk-select v-model="state" style="margin: 0; flex: 1;">
 					<template #label>{{ $t('state') }}</template>
-					<option value="all">{{ $t('all') }}</option>
-					<option value="federating">{{ $t('federating') }}</option>
-					<option value="subscribing">{{ $t('subscribing') }}</option>
-					<option value="publishing">{{ $t('publishing') }}</option>
-					<option value="suspended">{{ $t('suspended') }}</option>
-					<option value="blocked">{{ $t('blocked') }}</option>
-					<option value="notResponding">{{ $t('notResponding') }}</option>
+					<option value="all" v-t="'all'"></option>
+					<option value="federating" v-t="'federating'"></option>
+					<option value="subscribing" v-t="'subscribing'"></option>
+					<option value="publishing" v-t="'publishing'"></option>
+					<option value="suspended" v-t="'suspended'"></option>
+					<option value="blocked" v-t="'blocked'"></option>
+					<option value="notResponding" v-t="'notResponding'"></option>
 				</mk-select>
 				<mk-select v-model="sort" style="margin: 0; flex: 1;">
 					<template #label>{{ $t('sort') }}</template>
diff --git a/src/client/pages/instance/index.vue b/src/client/pages/instance/index.vue
index d21f8d455e..ee887398bf 100644
--- a/src/client/pages/instance/index.vue
+++ b/src/client/pages/instance/index.vue
@@ -1,7 +1,7 @@
 <template>
 <div v-if="meta" class="xhexznfu">
 	<portal to="icon"><fa :icon="faServer"/></portal>
-	<portal to="title">{{ $t('instance') }}</portal>
+	<portal to="title" v-t="'instance'"></portal>
 
 	<mk-instance-stats style="margin-bottom: var(--margin);"/>
 
@@ -10,16 +10,16 @@
 		<div class="_content">
 			<div class="_inputs">
 				<mk-input v-model="logDomain" :debounce="true">
-					<span>{{ $t('domain') }}</span>
+					<span v-t="'domain'"></span>
 				</mk-input>
 				<mk-select v-model="logLevel">
 					<template #label>{{ $t('level') }}</template>
-					<option value="all">{{ $t('levels.all') }}</option>
-					<option value="info">{{ $t('levels.info') }}</option>
-					<option value="success">{{ $t('levels.success') }}</option>
-					<option value="warning">{{ $t('levels.warning') }}</option>
-					<option value="error">{{ $t('levels.error') }}</option>
-					<option value="debug">{{ $t('levels.debug') }}</option>
+					<option value="all" v-t="'levels.all'"></option>
+					<option value="info" v-t="'levels.info'"></option>
+					<option value="success" v-t="'levels.success'"></option>
+					<option value="warning" v-t="'levels.warning'"></option>
+					<option value="error" v-t="'levels.error'"></option>
+					<option value="debug" v-t="'levels.debug'"></option>
 				</mk-select>
 			</div>
 
diff --git a/src/client/pages/instance/queue.queue.vue b/src/client/pages/instance/queue.queue.vue
index 1649d1e172..c5c4a5e7f7 100644
--- a/src/client/pages/instance/queue.queue.vue
+++ b/src/client/pages/instance/queue.queue.vue
@@ -17,7 +17,7 @@
 				<span style="margin-left: 8px; opacity: 0.7;">({{ job[1] | number }} jobs)</span>
 			</div>
 		</div>
-		<span v-else style="opacity: 0.5;">{{ $t('noJobs') }}</span>
+		<span v-else style="opacity: 0.5;" v-t="'noJobs'"></span>
 	</div>
 </section>
 </template>
diff --git a/src/client/pages/instance/queue.vue b/src/client/pages/instance/queue.vue
index 7a2204e519..e71e2f9c4e 100644
--- a/src/client/pages/instance/queue.vue
+++ b/src/client/pages/instance/queue.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faExchangeAlt"/></portal>
-	<portal to="title">{{ $t('jobQueue') }}</portal>
+	<portal to="title" v-t="'jobQueue'"></portal>
 
 	<x-queue :connection="connection" domain="inbox">
 		<template #title><fa :icon="faExchangeAlt"/> In</template>
diff --git a/src/client/pages/instance/relays.vue b/src/client/pages/instance/relays.vue
index dd18867b6a..c1d9e6233a 100644
--- a/src/client/pages/instance/relays.vue
+++ b/src/client/pages/instance/relays.vue
@@ -1,13 +1,13 @@
 <template>
 <div class="relaycxt">
 	<portal to="icon"><fa :icon="faProjectDiagram"/></portal>
-	<portal to="title">{{ $t('relays') }}</portal>
+	<portal to="title" v-t="'relays'"></portal>
 
 	<section class="_card add">
 		<div class="_title"><fa :icon="faPlus"/> {{ $t('addRelay') }}</div>
 		<div class="_content">
 			<mk-input v-model="inbox">
-				<span>{{ $t('inboxUrl') }}</span>
+				<span v-t="'inboxUrl'"></span>
 			</mk-input>
 			<mk-button @click="add(inbox)" primary><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
 		</div>
diff --git a/src/client/pages/instance/settings.vue b/src/client/pages/instance/settings.vue
index 0436e87804..960e3700a6 100644
--- a/src/client/pages/instance/settings.vue
+++ b/src/client/pages/instance/settings.vue
@@ -1,17 +1,17 @@
 <template>
 <div v-if="meta">
 	<portal to="icon"><fa :icon="faCog"/></portal>
-	<portal to="title">{{ $t('settings') }}</portal>
+	<portal to="title" v-t="'settings'"></portal>
 
 	<section class="_card info">
 		<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('basicInfo') }}</div>
 		<div class="_content">
-			<mk-input v-model="name">{{ $t('instanceName') }}</mk-input>
-			<mk-textarea v-model="description">{{ $t('instanceDescription') }}</mk-textarea>
+			<mk-input v-model="name" v-t="'instanceName'"></mk-input>
+			<mk-textarea v-model="description" v-t="'instanceDescription'"></mk-textarea>
 			<mk-input v-model="iconUrl"><template #icon><fa :icon="faLink"/></template>{{ $t('iconUrl') }}</mk-input>
 			<mk-input v-model="bannerUrl"><template #icon><fa :icon="faLink"/></template>{{ $t('bannerUrl') }}</mk-input>
 			<mk-input v-model="tosUrl"><template #icon><fa :icon="faLink"/></template>{{ $t('tosUrl') }}</mk-input>
-			<mk-input v-model="maintainerName">{{ $t('maintainerName') }}</mk-input>
+			<mk-input v-model="maintainerName" v-t="'maintainerName'"></mk-input>
 			<mk-input v-model="maintainerEmail" type="email"><template #icon><fa :icon="faEnvelope"/></template>{{ $t('maintainerEmail') }}</mk-input>
 		</div>
 		<div class="_footer">
@@ -24,8 +24,8 @@
 			<mk-input v-model="maxNoteTextLength" type="number" :save="() => save()" style="margin:0;"><template #icon><fa :icon="faPencilAlt"/></template>{{ $t('maxNoteTextLength') }}</mk-input>
 		</div>
 		<div class="_content">
-			<mk-switch v-model="enableLocalTimeline" @change="save()">{{ $t('enableLocalTimeline') }}</mk-switch>
-			<mk-switch v-model="enableGlobalTimeline" @change="save()">{{ $t('enableGlobalTimeline') }}</mk-switch>
+			<mk-switch v-model="enableLocalTimeline" @change="save()" v-t="'enableLocalTimeline'"></mk-switch>
+			<mk-switch v-model="enableGlobalTimeline" @change="save()" v-t="'enableGlobalTimeline'"></mk-switch>
 			<mk-info>{{ $t('disablingTimelinesInfo') }}</mk-info>
 		</div>
 	</section>
@@ -33,22 +33,22 @@
 	<section class="_card info">
 		<div class="_title"><fa :icon="faUser"/> {{ $t('registration') }}</div>
 		<div class="_content">
-			<mk-switch v-model="enableRegistration" @change="save()">{{ $t('enableRegistration') }}</mk-switch>
-			<mk-button v-if="!enableRegistration" @click="invite">{{ $t('invite') }}</mk-button>
+			<mk-switch v-model="enableRegistration" @change="save()" v-t="'enableRegistration'"></mk-switch>
+			<mk-button v-if="!enableRegistration" @click="invite" v-t="'invite'"></mk-button>
 		</div>
 	</section>
 
 	<section class="_card">
 		<div class="_title"><fa :icon="faShieldAlt"/> {{ $t('hcaptcha') }}</div>
 		<div class="_content">
-			<mk-switch v-model="enableHcaptcha" ref="enableHcaptcha">{{ $t('enableHcaptcha') }}</mk-switch>
+			<mk-switch v-model="enableHcaptcha" ref="enableHcaptcha" v-t="'enableHcaptcha'"></mk-switch>
 			<template v-if="enableHcaptcha">
 				<mk-input v-model="hcaptchaSiteKey" :disabled="!enableHcaptcha"><template #icon><fa :icon="faKey"/></template>{{ $t('hcaptchaSiteKey') }}</mk-input>
 				<mk-input v-model="hcaptchaSecretKey" :disabled="!enableHcaptcha"><template #icon><fa :icon="faKey"/></template>{{ $t('hcaptchaSecretKey') }}</mk-input>
 			</template>
 		</div>
 		<div class="_content" v-if="enableHcaptcha">
-			<header>{{ $t('preview') }}</header>
+			<header v-t="'preview'"></header>
 			<captcha v-if="enableHcaptcha" provider="hcaptcha" :sitekey="hcaptchaSiteKey || '10000000-ffff-ffff-ffff-000000000001'"/>
 		</div>
 		<div class="_footer">
@@ -59,14 +59,14 @@
 	<section class="_card">
 		<div class="_title"><fa :icon="faShieldAlt"/> {{ $t('recaptcha') }}</div>
 		<div class="_content">
-			<mk-switch v-model="enableRecaptcha" ref="enableRecaptcha">{{ $t('enableRecaptcha') }}</mk-switch>
+			<mk-switch v-model="enableRecaptcha" ref="enableRecaptcha" v-t="'enableRecaptcha'"></mk-switch>
 			<template v-if="enableRecaptcha">
 				<mk-input v-model="recaptchaSiteKey" :disabled="!enableRecaptcha"><template #icon><fa :icon="faKey"/></template>{{ $t('recaptchaSiteKey') }}</mk-input>
 				<mk-input v-model="recaptchaSecretKey" :disabled="!enableRecaptcha"><template #icon><fa :icon="faKey"/></template>{{ $t('recaptchaSecretKey') }}</mk-input>
 			</template>
 		</div>
 		<div class="_content" v-if="enableRecaptcha && recaptchaSiteKey">
-			<header>{{ $t('preview') }}</header>
+			<header v-t="'preview'"></header>
 			<captcha v-if="enableRecaptcha" provider="grecaptcha" :sitekey="recaptchaSiteKey"/>
 		</div>
 		<div class="_footer">
@@ -94,7 +94,7 @@
 		<div class="_title"><fa :icon="faThumbtack"/> {{ $t('pinnedUsers') }}</div>
 		<div class="_content">
 			<mk-textarea v-model="pinnedUsers">
-				<template #desc>{{ $t('pinnedUsersDescription') }} <button class="_textButton" @click="addPinUser">{{ $t('addUser') }}</button></template>
+				<template #desc>{{ $t('pinnedUsersDescription') }} <button class="_textButton" @click="addPinUser" v-t="'addUser'"></button></template>
 			</mk-textarea>
 		</div>
 		<div class="_footer">
@@ -118,7 +118,7 @@
 	<section class="_card">
 		<div class="_title"><fa :icon="faCloud"/> {{ $t('objectStorage') }}</div>
 		<div class="_content">
-			<mk-switch v-model="useObjectStorage">{{ $t('useObjectStorage') }}</mk-switch>
+			<mk-switch v-model="useObjectStorage" v-t="'useObjectStorage'"></mk-switch>
 			<template v-if="useObjectStorage">
 				<mk-input v-model="objectStorageBaseUrl" :disabled="!useObjectStorage">{{ $t('objectStorageBaseUrl') }}<template #desc>{{ $t('objectStorageBaseUrlDesc') }}</template></mk-input>
 				<div class="_inputs">
@@ -146,7 +146,7 @@
 		<div class="_title"><fa :icon="faGhost"/> {{ $t('proxyAccount') }}</div>
 		<div class="_content">
 			<mk-input :value="proxyAccount ? proxyAccount.username : null" style="margin: 0;" disabled><template #prefix>@</template>{{ $t('proxyAccount') }}<template #desc>{{ $t('proxyAccountDescription') }}</template></mk-input>
-			<mk-button primary @click="chooseProxyAccount">{{ $t('chooseProxyAccount') }}</mk-button>
+			<mk-button primary @click="chooseProxyAccount" v-t="'chooseProxyAccount'"></mk-button>
 		</div>
 	</section>
 
@@ -166,7 +166,7 @@
 		<div class="_title"><fa :icon="faShareAlt"/> {{ $t('integration') }}</div>
 		<div class="_content">
 			<header><fa :icon="faTwitter"/> Twitter</header>
-			<mk-switch v-model="enableTwitterIntegration">{{ $t('enable') }}</mk-switch>
+			<mk-switch v-model="enableTwitterIntegration" v-t="'enable'"></mk-switch>
 			<template v-if="enableTwitterIntegration">
 				<mk-info>Callback URL: {{ `${url}/api/tw/cb` }}</mk-info>
 				<mk-input v-model="twitterConsumerKey" :disabled="!enableTwitterIntegration"><template #icon><fa :icon="faKey"/></template>Consumer Key</mk-input>
@@ -175,7 +175,7 @@
 		</div>
 		<div class="_content">
 			<header><fa :icon="faGithub"/> GitHub</header>
-			<mk-switch v-model="enableGithubIntegration">{{ $t('enable') }}</mk-switch>
+			<mk-switch v-model="enableGithubIntegration" v-t="'enable'"></mk-switch>
 			<template v-if="enableGithubIntegration">
 				<mk-info>Callback URL: {{ `${url}/api/gh/cb` }}</mk-info>
 				<mk-input v-model="githubClientId" :disabled="!enableGithubIntegration"><template #icon><fa :icon="faKey"/></template>Client ID</mk-input>
@@ -184,7 +184,7 @@
 		</div>
 		<div class="_content">
 			<header><fa :icon="faDiscord"/> Discord</header>
-			<mk-switch v-model="enableDiscordIntegration">{{ $t('enable') }}</mk-switch>
+			<mk-switch v-model="enableDiscordIntegration" v-t="'enable'"></mk-switch>
 			<template v-if="enableDiscordIntegration">
 				<mk-info>Callback URL: {{ `${url}/api/dc/cb` }}</mk-info>
 				<mk-input v-model="discordClientId" :disabled="!enableDiscordIntegration"><template #icon><fa :icon="faKey"/></template>Client ID</mk-input>
diff --git a/src/client/pages/instance/users.user.vue b/src/client/pages/instance/users.user.vue
index 25f0260637..3a05bf498d 100644
--- a/src/client/pages/instance/users.user.vue
+++ b/src/client/pages/instance/users.user.vue
@@ -15,9 +15,9 @@
 		</div>
 		<div class="_content actions">
 			<div style="flex: 1; padding-left: 1em;">
-				<mk-switch v-if="user.host == null && $store.state.i.isAdmin && (this.moderator || !user.isAdmin)" @change="toggleModerator()" v-model="moderator">{{ $t('moderator') }}</mk-switch>
-				<mk-switch @change="toggleSilence()" v-model="silenced">{{ $t('silence') }}</mk-switch>
-				<mk-switch @change="toggleSuspend()" v-model="suspended">{{ $t('suspend') }}</mk-switch>
+				<mk-switch v-if="user.host == null && $store.state.i.isAdmin && (this.moderator || !user.isAdmin)" @change="toggleModerator()" v-model="moderator" v-t="'moderator'"></mk-switch>
+				<mk-switch @change="toggleSilence()" v-model="silenced" v-t="'silence'"></mk-switch>
+				<mk-switch @change="toggleSuspend()" v-model="suspended" v-t="'suspend'"></mk-switch>
 			</div>
 			<div style="flex: 1; padding-left: 1em;">
 				<mk-button @click="openProfile"><fa :icon="faExternalLinkSquareAlt"/> {{ $t('profile')}}</mk-button>
diff --git a/src/client/pages/instance/users.vue b/src/client/pages/instance/users.vue
index b209ab68cf..03363b21e1 100644
--- a/src/client/pages/instance/users.vue
+++ b/src/client/pages/instance/users.vue
@@ -1,13 +1,13 @@
 <template>
 <div class="mk-instance-users">
 	<portal to="icon"><fa :icon="faUsers"/></portal>
-	<portal to="title">{{ $t('users') }}</portal>
+	<portal to="title" v-t="'users'"></portal>
 
 	<section class="_card lookup">
 		<div class="_title"><fa :icon="faSearch"/> {{ $t('lookup') }}</div>
 		<div class="_content">
 			<mk-input class="target" v-model="target" type="text" @enter="showUser()">
-				<span>{{ $t('usernameOrUserId') }}</span>
+				<span v-t="'usernameOrUserId'"></span>
 			</mk-input>
 			<mk-button @click="showUser()" primary><fa :icon="faSearch"/> {{ $t('lookup') }}</mk-button>
 		</div>
@@ -29,26 +29,26 @@
 				</mk-select>
 				<mk-select v-model="state" style="margin: 0; flex: 1;">
 					<template #label>{{ $t('state') }}</template>
-					<option value="all">{{ $t('all') }}</option>
-					<option value="available">{{ $t('normal') }}</option>
-					<option value="admin">{{ $t('administrator') }}</option>
-					<option value="moderator">{{ $t('moderator') }}</option>
-					<option value="silenced">{{ $t('silence') }}</option>
-					<option value="suspended">{{ $t('suspend') }}</option>
+					<option value="all" v-t="'all'"></option>
+					<option value="available" v-t="'normal'"></option>
+					<option value="admin" v-t="'administrator'"></option>
+					<option value="moderator" v-t="'moderator'"></option>
+					<option value="silenced" v-t="'silence'"></option>
+					<option value="suspended" v-t="'suspend'"></option>
 				</mk-select>
 				<mk-select v-model="origin" style="margin: 0; flex: 1;">
 					<template #label>{{ $t('instance') }}</template>
-					<option value="combined">{{ $t('all') }}</option>
-					<option value="local">{{ $t('local') }}</option>
-					<option value="remote">{{ $t('remote') }}</option>
+					<option value="combined" v-t="'all'"></option>
+					<option value="local" v-t="'local'"></option>
+					<option value="remote" v-t="'remote'"></option>
 				</mk-select>
 			</div>
 			<div class="inputs" style="display: flex; padding-top: 1.2em;">
 				<mk-input v-model="searchUsername" style="margin: 0; flex: 1;" type="text" spellcheck="false" @input="$refs.users.reload()">
-					<span>{{ $t('username') }}</span>
+					<span v-t="'username'"></span>
 				</mk-input>
 				<mk-input v-model="searchHost" style="margin: 0; flex: 1;" type="text" spellcheck="false" @input="$refs.users.reload()" :disabled="pagination.params().origin === 'local'">
-					<span>{{ $t('host') }}</span>
+					<span v-t="'host'"></span>
 				</mk-input>
 			</div>
 		</div>
diff --git a/src/client/pages/mentions.vue b/src/client/pages/mentions.vue
index 8c57a1342d..b841e571df 100644
--- a/src/client/pages/mentions.vue
+++ b/src/client/pages/mentions.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faAt"/></portal>
-	<portal to="title">{{ $t('mentions') }}</portal>
+	<portal to="title" v-t="'mentions'"></portal>
 	<x-notes :pagination="pagination" @before="before()" @after="after()"/>
 </div>
 </template>
diff --git a/src/client/pages/messages.vue b/src/client/pages/messages.vue
index e607b86546..0d721e2b7c 100644
--- a/src/client/pages/messages.vue
+++ b/src/client/pages/messages.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faEnvelope"/></portal>
-	<portal to="title">{{ $t('directNotes') }}</portal>
+	<portal to="title" v-t="'directNotes'"></portal>
 	<x-notes :pagination="pagination" @before="before()" @after="after()"/>
 </div>
 </template>
diff --git a/src/client/pages/messaging/index.vue b/src/client/pages/messaging/index.vue
index f8e3e0db67..eceae97a68 100644
--- a/src/client/pages/messaging/index.vue
+++ b/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>
diff --git a/src/client/pages/messaging/messaging-room.message.vue b/src/client/pages/messaging/messaging-room.message.vue
index 4461740df7..aa1d174ee6 100644
--- a/src/client/pages/messaging/messaging-room.message.vue
+++ b/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>
diff --git a/src/client/pages/miauth.vue b/src/client/pages/miauth.vue
index 15cde8bc25..fdb62a560e 100644
--- a/src/client/pages/miauth.vue
+++ b/src/client/pages/miauth.vue
@@ -7,7 +7,7 @@
 	</div>
 	<div class="denied _card" v-if="state == 'denied'">
 		<div class="_content">
-			<p>{{ $t('_auth.denied') }}</p>
+			<p v-t="'_auth.denied'"></p>
 		</div>
 	</div>
 	<div class="accepted _card" v-else-if="state == 'accepted'">
@@ -20,7 +20,7 @@
 		<div class="_title" v-if="name">{{ $t('_auth.shareAccess', { name: name }) }}</div>
 		<div class="_title" v-else>{{ $t('_auth.shareAccessAsk') }}</div>
 		<div class="_content">
-			<p>{{ $t('_auth.permissionAsk') }}</p>
+			<p v-t="'_auth.permissionAsk'"></p>
 			<ul>
 				<template v-for="p in permission">
 					<li :key="p">{{ $t(`_permissions.${p}`) }}</li>
diff --git a/src/client/pages/my-antennas/index.antenna.vue b/src/client/pages/my-antennas/index.antenna.vue
index 6435e4fc9a..2f330165a9 100644
--- a/src/client/pages/my-antennas/index.antenna.vue
+++ b/src/client/pages/my-antennas/index.antenna.vue
@@ -3,15 +3,15 @@
 	<div class="_title" v-if="antenna.name">{{ antenna.name }}</div>
 	<div class="_content body">
 		<mk-input v-model="name">
-			<span>{{ $t('name') }}</span>
+			<span v-t="'name'"></span>
 		</mk-input>
 		<mk-select v-model="src">
 			<template #label>{{ $t('antennaSource') }}</template>
-			<option value="all">{{ $t('_antennaSources.all') }}</option>
-			<option value="home">{{ $t('_antennaSources.homeTimeline') }}</option>
-			<option value="users">{{ $t('_antennaSources.users') }}</option>
-			<option value="list">{{ $t('_antennaSources.userList') }}</option>
-			<option value="group">{{ $t('_antennaSources.userGroup') }}</option>
+			<option value="all" v-t="'_antennaSources.all'"></option>
+			<option value="home" v-t="'_antennaSources.homeTimeline'"></option>
+			<option value="users" v-t="'_antennaSources.users'"></option>
+			<option value="list" v-t="'_antennaSources.userList'"></option>
+			<option value="group" v-t="'_antennaSources.userGroup'"></option>
 		</mk-select>
 		<mk-select v-model="userListId" v-if="src === 'list'">
 			<template #label>{{ $t('userList') }}</template>
@@ -22,21 +22,21 @@
 			<option v-for="group in userGroups" :value="group.id" :key="group.id">{{ group.name }}</option>
 		</mk-select>
 		<mk-textarea v-model="users" v-else-if="src === 'users'">
-			<span>{{ $t('users') }}</span>
-			<template #desc>{{ $t('antennaUsersDescription') }} <button class="_textButton" @click="addUser">{{ $t('addUser') }}</button></template>
+			<span v-t="'users'"></span>
+			<template #desc>{{ $t('antennaUsersDescription') }} <button class="_textButton" @click="addUser" v-t="'addUser'"></button></template>
 		</mk-textarea>
-		<mk-switch v-model="withReplies">{{ $t('withReplies') }}</mk-switch>
+		<mk-switch v-model="withReplies" v-t="'withReplies'"></mk-switch>
 		<mk-textarea v-model="keywords">
-			<span>{{ $t('antennaKeywords') }}</span>
+			<span v-t="'antennaKeywords'"></span>
 			<template #desc>{{ $t('antennaKeywordsDescription') }}</template>
 		</mk-textarea>
 		<mk-textarea v-model="excludeKeywords">
-			<span>{{ $t('antennaExcludeKeywords') }}</span>
+			<span v-t="'antennaExcludeKeywords'"></span>
 			<template #desc>{{ $t('antennaKeywordsDescription') }}</template>
 		</mk-textarea>
-		<mk-switch v-model="caseSensitive">{{ $t('caseSensitive') }}</mk-switch>
-		<mk-switch v-model="withFile">{{ $t('withFileAntenna') }}</mk-switch>
-		<mk-switch v-model="notify">{{ $t('notifyAntenna') }}</mk-switch>
+		<mk-switch v-model="caseSensitive" v-t="'caseSensitive'"></mk-switch>
+		<mk-switch v-model="withFile" v-t="'withFileAntenna'"></mk-switch>
+		<mk-switch v-model="notify" v-t="'notifyAntenna'"></mk-switch>
 	</div>
 	<div class="_footer">
 		<mk-button inline @click="saveAntenna()" primary><fa :icon="faSave"/> {{ $t('save') }}</mk-button>
diff --git a/src/client/pages/my-antennas/index.vue b/src/client/pages/my-antennas/index.vue
index a5f6076ebf..3bc9943968 100644
--- a/src/client/pages/my-antennas/index.vue
+++ b/src/client/pages/my-antennas/index.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="ieepwinx">
 	<portal to="icon"><fa :icon="faSatellite"/></portal>
-	<portal to="title">{{ $t('manageAntennas') }}</portal>
+	<portal to="title" v-t="'manageAntennas'"></portal>
 
 	<mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
 
diff --git a/src/client/pages/my-groups/group.vue b/src/client/pages/my-groups/group.vue
index 0132bc2c33..0e4fdb72ae 100644
--- a/src/client/pages/my-groups/group.vue
+++ b/src/client/pages/my-groups/group.vue
@@ -6,16 +6,16 @@
 	<transition name="zoom" mode="out-in">
 		<div v-if="group" class="_card">
 			<div class="_content">
-				<mk-button inline @click="renameGroup()">{{ $t('rename') }}</mk-button>
-				<mk-button inline @click="transfer()">{{ $t('transfer') }}</mk-button>
-				<mk-button inline @click="deleteGroup()">{{ $t('delete') }}</mk-button>
+				<mk-button inline @click="renameGroup()" v-t="'rename'"></mk-button>
+				<mk-button inline @click="transfer()" v-t="'transfer'"></mk-button>
+				<mk-button inline @click="deleteGroup()" v-t="'delete'"></mk-button>
 			</div>
 		</div>
 	</transition>
 
 	<transition name="zoom" mode="out-in">
 		<div v-if="group" class="_card members">
-			<div class="_title">{{ $t('members') }}</div>
+			<div class="_title" v-t="'members'"></div>
 			<div class="_content">
 				<div class="users">
 					<div class="user" v-for="user in users" :key="user.id">
@@ -31,7 +31,7 @@
 				</div>
 			</div>
 			<div class="_footer">
-				<mk-button inline @click="invite()">{{ $t('invite') }}</mk-button>
+				<mk-button inline @click="invite()" v-t="'invite'"></mk-button>
 			</div>
 		</div>
 	</transition>
diff --git a/src/client/pages/my-groups/index.vue b/src/client/pages/my-groups/index.vue
index 30d7dabbfb..6d3b125634 100644
--- a/src/client/pages/my-groups/index.vue
+++ b/src/client/pages/my-groups/index.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="">
 	<portal to="icon"><fa :icon="faUsers"/></portal>
-	<portal to="title">{{ $t('groups') }}</portal>
+	<portal to="title" v-t="'groups'"></portal>
 
 	<mk-button @click="create" primary style="margin: 0 auto var(--margin) auto;"><fa :icon="faPlus"/> {{ $t('createGroup') }}</mk-button>
 
diff --git a/src/client/pages/my-lists/index.vue b/src/client/pages/my-lists/index.vue
index c3f6d9c774..df385ec97f 100644
--- a/src/client/pages/my-lists/index.vue
+++ b/src/client/pages/my-lists/index.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="qkcjvfiv">
 	<portal to="icon"><fa :icon="faListUl"/></portal>
-	<portal to="title">{{ $t('manageLists') }}</portal>
+	<portal to="title" v-t="'manageLists'"></portal>
 
 	<mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('createList') }}</mk-button>
 
diff --git a/src/client/pages/my-lists/list.vue b/src/client/pages/my-lists/list.vue
index 7052c55160..2fb5ac01b3 100644
--- a/src/client/pages/my-lists/list.vue
+++ b/src/client/pages/my-lists/list.vue
@@ -6,15 +6,15 @@
 	<transition name="zoom" mode="out-in">
 		<div v-if="list" class="_card">
 			<div class="_content">
-				<mk-button inline @click="renameList()">{{ $t('rename') }}</mk-button>
-				<mk-button inline @click="deleteList()">{{ $t('delete') }}</mk-button>
+				<mk-button inline @click="renameList()" v-t="'rename'"></mk-button>
+				<mk-button inline @click="deleteList()" v-t="'delete'"></mk-button>
 			</div>
 		</div>
 	</transition>
 
 	<transition name="zoom" mode="out-in">
 		<div v-if="list" class="_card members">
-			<div class="_title">{{ $t('members') }}</div>
+			<div class="_title" v-t="'members'"></div>
 			<div class="_content">
 				<div class="users">
 					<div class="user" v-for="user in users" :key="user.id">
@@ -30,7 +30,7 @@
 				</div>
 			</div>
 			<div class="_footer">
-				<mk-button inline @click="addUser()">{{ $t('addUser') }}</mk-button>
+				<mk-button inline @click="addUser()" v-t="'addUser'"></mk-button>
 			</div>
 		</div>
 	</transition>
diff --git a/src/client/pages/my-settings/2fa.vue b/src/client/pages/my-settings/2fa.vue
index 58ba03c41c..71d65e9202 100644
--- a/src/client/pages/my-settings/2fa.vue
+++ b/src/client/pages/my-settings/2fa.vue
@@ -2,28 +2,28 @@
 <section class="_card">
 	<div class="_title"><fa :icon="faLock"/> {{ $t('twoStepAuthentication') }}</div>
 	<div class="_content">
-		<p v-if="!data && !$store.state.i.twoFactorEnabled"><mk-button @click="register">{{ $t('_2fa.registerDevice') }}</mk-button></p>
+		<p v-if="!data && !$store.state.i.twoFactorEnabled"><mk-button @click="register" v-t="'_2fa.registerDevice'"></mk-button></p>
 		<template v-if="$store.state.i.twoFactorEnabled">
-			<p>{{ $t('_2fa.alreadyRegistered') }}</p>
-			<mk-button @click="unregister">{{ $t('unregister') }}</mk-button>
+			<p v-t="'_2fa.alreadyRegistered'"></p>
+			<mk-button @click="unregister" v-t="'unregister'"></mk-button>
 
 			<template v-if="supportsCredentials">
 				<hr class="totp-method-sep">
 
-				<h2 class="heading">{{ $t('securityKey') }}</h2>
-				<p>{{ $t('_2fa.securityKeyInfo') }}</p>
+				<h2 class="heading" v-t="'securityKey'"></h2>
+				<p v-t="'_2fa.securityKeyInfo'"></p>
 				<div class="key-list">
 					<div class="key" v-for="key in $store.state.i.securityKeysList">
 						<h3>{{ key.name }}</h3>
 						<div class="last-used">{{ $t('lastUsed') }}<mk-time :time="key.lastUsed"/></div>
-						<mk-button @click="unregisterKey(key)">{{ $t('unregister') }}</mk-button>
+						<mk-button @click="unregisterKey(key)" v-t="'unregister'"></mk-button>
 					</div>
 				</div>
 
-				<mk-switch v-model="usePasswordLessLogin" @change="updatePasswordLessLogin" v-if="$store.state.i.securityKeysList.length > 0">{{ $t('passwordLessLogin') }}</mk-switch>
+				<mk-switch v-model="usePasswordLessLogin" @change="updatePasswordLessLogin" v-if="$store.state.i.securityKeysList.length > 0" v-t="'passwordLessLogin'"></mk-switch>
 
 				<mk-info warn v-if="registration && registration.error">{{ $t('error') }} {{ registration.error }}</mk-info>
-				<mk-button v-if="!registration || registration.error" @click="addSecurityKey">{{ $t('_2fa.registerKey') }}</mk-button>
+				<mk-button v-if="!registration || registration.error" @click="addSecurityKey" v-t="'_2fa.registerKey'"></mk-button>
 
 				<ol v-if="registration && !registration.error">
 					<li v-if="registration.stage >= 0">
@@ -33,9 +33,9 @@
 					<li v-if="registration.stage >= 1">
 						<mk-form :disabled="registration.stage != 1 || registration.saving">
 							<mk-input v-model="keyName" :max="30">
-								<span>{{ $t('securityKeyName') }}</span>
+								<span v-t="'securityKeyName'"></span>
 							</mk-input>
-							<mk-button @click="registerKey" :disabled="keyName.length == 0">{{ $t('registerSecurityKey') }}</mk-button>
+							<mk-button @click="registerKey" :disabled="keyName.length == 0" v-t="'registerSecurityKey'"></mk-button>
 							<fa icon="spinner" pulse fixed-width v-if="registration.saving && registration.stage == 1" />
 						</mk-form>
 					</li>
@@ -52,8 +52,8 @@
 				</li>
 				<li>{{ $t('_2fa.step2') }}<br><img :src="data.qr"></li>
 				<li>{{ $t('_2fa.step3') }}<br>
-					<mk-input v-model="token" type="text" pattern="^[0-9]{6}$" autocomplete="off" spellcheck="false">{{ $t('token') }}</mk-input>
-					<mk-button primary @click="submit">{{ $t('done') }}</mk-button>
+					<mk-input v-model="token" type="text" pattern="^[0-9]{6}$" autocomplete="off" spellcheck="false" v-t="'token'"></mk-input>
+					<mk-button primary @click="submit" v-t="'done'"></mk-button>
 				</li>
 			</ol>
 			<mk-info>{{ $t('_2fa.step4') }}</mk-info>
diff --git a/src/client/pages/my-settings/api.vue b/src/client/pages/my-settings/api.vue
index 44f099ea1d..f1ea698aab 100644
--- a/src/client/pages/my-settings/api.vue
+++ b/src/client/pages/my-settings/api.vue
@@ -2,7 +2,7 @@
 <section class="_card">
 	<div class="_title"><fa :icon="faKey"/> API</div>
 	<div class="_content">
-		<mk-button @click="generateToken">{{ $t('generateAccessToken') }}</mk-button>
+		<mk-button @click="generateToken" v-t="'generateAccessToken'"></mk-button>
 		<mk-button @click="regenerateToken"><fa :icon="faSyncAlt"/> {{ $t('regenerate') }}</mk-button>
 	</div>
 </section>
diff --git a/src/client/pages/my-settings/import-export.vue b/src/client/pages/my-settings/import-export.vue
index cc148d48d4..2fff32e306 100644
--- a/src/client/pages/my-settings/import-export.vue
+++ b/src/client/pages/my-settings/import-export.vue
@@ -3,11 +3,11 @@
 	<div class="_title"><fa :icon="faBoxes"/> {{ $t('importAndExport') }}</div>
 	<div class="_content">
 		<mk-select v-model="exportTarget">
-			<option value="notes">{{ $t('_exportOrImport.allNotes') }}</option>
-			<option value="following">{{ $t('_exportOrImport.followingList') }}</option>
-			<option value="user-lists">{{ $t('_exportOrImport.userLists') }}</option>
-			<option value="mute">{{ $t('_exportOrImport.muteList') }}</option>
-			<option value="blocking">{{ $t('_exportOrImport.blockingList') }}</option>
+			<option value="notes" v-t="'_exportOrImport.allNotes'"></option>
+			<option value="following" v-t="'_exportOrImport.followingList'"></option>
+			<option value="user-lists" v-t="'_exportOrImport.userLists'"></option>
+			<option value="mute" v-t="'_exportOrImport.muteList'"></option>
+			<option value="blocking" v-t="'_exportOrImport.blockingList'"></option>
 		</mk-select>
 		<mk-button inline @click="doExport()"><fa :icon="faDownload"/> {{ $t('export') }}</mk-button>
 		<mk-button inline @click="doImport()" :disabled="!['following', 'user-lists'].includes(exportTarget)"><fa :icon="faUpload"/> {{ $t('import') }}</mk-button>
diff --git a/src/client/pages/my-settings/index.vue b/src/client/pages/my-settings/index.vue
index 3af896d78e..8490f17344 100644
--- a/src/client/pages/my-settings/index.vue
+++ b/src/client/pages/my-settings/index.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faCog"/></portal>
-	<portal to="title">{{ $t('accountSettings') }}</portal>
+	<portal to="title" v-t="'accountSettings'"></portal>
 
 	<x-profile-setting/>
 	<x-privacy-setting/>
@@ -18,9 +18,9 @@
 			</mk-switch>
 		</div>
 		<div class="_content">
-			<mk-button @click="readAllNotifications">{{ $t('markAsReadAllNotifications') }}</mk-button>
-			<mk-button @click="readAllUnreadNotes">{{ $t('markAsReadAllUnreadNotes') }}</mk-button>
-			<mk-button @click="readAllMessagingMessages">{{ $t('markAsReadAllTalkMessages') }}</mk-button>
+			<mk-button @click="readAllNotifications" v-t="'markAsReadAllNotifications'"></mk-button>
+			<mk-button @click="readAllUnreadNotes" v-t="'markAsReadAllUnreadNotes'"></mk-button>
+			<mk-button @click="readAllMessagingMessages" v-t="'markAsReadAllTalkMessages'"></mk-button>
 		</div>
 	</section>
 
@@ -32,9 +32,9 @@
 	<x-integration/>
 	<x-api/>
 
-	<router-link class="_panel _buttonPrimary" to="/my/apps" style="margin: var(--margin) auto;">{{ $t('installedApps') }}</router-link>
+	<router-link class="_panel _buttonPrimary" to="/my/apps" style="margin: var(--margin) auto;" v-t="'installedApps'"></router-link>
 
-	<button class="_panel _buttonPrimary" @click="$root.signout()" style="margin: var(--margin) auto;">{{ $t('logout') }}</button>
+	<button class="_panel _buttonPrimary" @click="$root.signout()" style="margin: var(--margin) auto;" v-t="'logout'"></button>
 </div>
 </template>
 
diff --git a/src/client/pages/my-settings/integration.vue b/src/client/pages/my-settings/integration.vue
index 2d6e57e22c..bad4765efe 100644
--- a/src/client/pages/my-settings/integration.vue
+++ b/src/client/pages/my-settings/integration.vue
@@ -5,22 +5,22 @@
 	<div class="_content" v-if="enableTwitterIntegration">
 		<header><fa :icon="faTwitter"/> Twitter</header>
 		<p v-if="integrations.twitter">{{ $t('connectedTo') }}: <a :href="`https://twitter.com/${integrations.twitter.screenName}`" rel="nofollow noopener" target="_blank">@{{ integrations.twitter.screenName }}</a></p>
-		<mk-button v-if="integrations.twitter" @click="disconnectTwitter">{{ $t('disconnectSerice') }}</mk-button>
-		<mk-button v-else @click="connectTwitter">{{ $t('connectSerice') }}</mk-button>
+		<mk-button v-if="integrations.twitter" @click="disconnectTwitter" v-t="'disconnectSerice'"></mk-button>
+		<mk-button v-else @click="connectTwitter" v-t="'connectSerice'"></mk-button>
 	</div>
 
 	<div class="_content" v-if="enableDiscordIntegration">
 		<header><fa :icon="faDiscord"/> Discord</header>
 		<p v-if="integrations.discord">{{ $t('connectedTo') }}: <a :href="`https://discordapp.com/users/${integrations.discord.id}`" rel="nofollow noopener" target="_blank">@{{ integrations.discord.username }}#{{ integrations.discord.discriminator }}</a></p>
-		<mk-button v-if="integrations.discord" @click="disconnectDiscord">{{ $t('disconnectSerice') }}</mk-button>
-		<mk-button v-else @click="connectDiscord">{{ $t('connectSerice') }}</mk-button>
+		<mk-button v-if="integrations.discord" @click="disconnectDiscord" v-t="'disconnectSerice'"></mk-button>
+		<mk-button v-else @click="connectDiscord" v-t="'connectSerice'"></mk-button>
 	</div>
 
 	<div class="_content" v-if="enableGithubIntegration">
 		<header><fa :icon="faGithub"/> GitHub</header>
 		<p v-if="integrations.github">{{ $t('connectedTo') }}: <a :href="`https://github.com/${integrations.github.login}`" rel="nofollow noopener" target="_blank">@{{ integrations.github.login }}</a></p>
-		<mk-button v-if="integrations.github" @click="disconnectGithub">{{ $t('disconnectSerice') }}</mk-button>
-		<mk-button v-else @click="connectGithub">{{ $t('connectSerice') }}</mk-button>
+		<mk-button v-if="integrations.github" @click="disconnectGithub" v-t="'disconnectSerice'"></mk-button>
+		<mk-button v-else @click="connectGithub" v-t="'connectSerice'"></mk-button>
 	</div>
 </section>
 </template>
diff --git a/src/client/pages/my-settings/mute-block.vue b/src/client/pages/my-settings/mute-block.vue
index 8eb43a6e29..f51ca5218e 100644
--- a/src/client/pages/my-settings/mute-block.vue
+++ b/src/client/pages/my-settings/mute-block.vue
@@ -2,9 +2,9 @@
 <section class="rrfwjxfl _card">
 	<div class="_title"><fa :icon="faBan"/> {{ $t('muteAndBlock') }}</div>
 	<div class="_content">
-		<span>{{ $t('mutedUsers') }}</span>
+		<span v-t="'mutedUsers'"></span>
 		<mk-pagination :pagination="mutingPagination" class="muting">
-			<template #empty><span>{{ $t('noUsers') }}</span></template>
+			<template #empty><span v-t="'noUsers'"></span></template>
 			<template #default="{items}">
 				<div class="user" v-for="(mute, i) in items" :key="mute.id">
 					<router-link class="name" :to="mute.mutee | userPage">
@@ -15,9 +15,9 @@
 		</mk-pagination>
 	</div>
 	<div class="_content">
-		<span>{{ $t('blockedUsers') }}</span>
+		<span v-t="'blockedUsers'"></span>
 		<mk-pagination :pagination="blockingPagination" class="blocking">
-			<template #empty><span>{{ $t('noUsers') }}</span></template>
+			<template #empty><span v-t="'noUsers'"></span></template>
 			<template #default="{items}">
 				<div class="user" v-for="(block, i) in items" :key="block.id">
 					<router-link class="name" :to="block.blockee | userPage">
diff --git a/src/client/pages/my-settings/privacy.vue b/src/client/pages/my-settings/privacy.vue
index 527ac9ea37..d2109b1ee6 100644
--- a/src/client/pages/my-settings/privacy.vue
+++ b/src/client/pages/my-settings/privacy.vue
@@ -2,19 +2,19 @@
 <section class="_card">
 	<div class="_title"><fa :icon="faLock"/> {{ $t('privacy') }}</div>
 	<div class="_content">
-		<mk-switch v-model="isLocked" @change="save()">{{ $t('makeFollowManuallyApprove') }}</mk-switch>
-		<mk-switch v-model="autoAcceptFollowed" v-if="isLocked" @change="save()">{{ $t('autoAcceptFollowed') }}</mk-switch>
+		<mk-switch v-model="isLocked" @change="save()" v-t="'makeFollowManuallyApprove'"></mk-switch>
+		<mk-switch v-model="autoAcceptFollowed" v-if="isLocked" @change="save()" v-t="'autoAcceptFollowed'"></mk-switch>
 	</div>
 	<div class="_content">
-		<mk-switch v-model="rememberNoteVisibility" @change="save()">{{ $t('rememberNoteVisibility') }}</mk-switch>
+		<mk-switch v-model="rememberNoteVisibility" @change="save()" v-t="'rememberNoteVisibility'"></mk-switch>
 		<mk-select v-model="defaultNoteVisibility" style="margin-bottom: 8px;" v-if="!rememberNoteVisibility">
 			<template #label>{{ $t('defaultNoteVisibility') }}</template>
-			<option value="public">{{ $t('_visibility.public') }}</option>
-			<option value="home">{{ $t('_visibility.home') }}</option>
-			<option value="followers">{{ $t('_visibility.followers') }}</option>
-			<option value="specified">{{ $t('_visibility.specified') }}</option>
+			<option value="public" v-t="'_visibility.public'"></option>
+			<option value="home" v-t="'_visibility.home'"></option>
+			<option value="followers" v-t="'_visibility.followers'"></option>
+			<option value="specified" v-t="'_visibility.specified'"></option>
 		</mk-select>
-		<mk-switch v-model="defaultNoteLocalOnly" v-if="!rememberNoteVisibility">{{ $t('_visibility.localOnly') }}</mk-switch>
+		<mk-switch v-model="defaultNoteLocalOnly" v-if="!rememberNoteVisibility" v-t="'_visibility.localOnly'"></mk-switch>
 	</div>
 </section>
 </template>
diff --git a/src/client/pages/my-settings/profile.vue b/src/client/pages/my-settings/profile.vue
index 16bba7a270..74a81537b5 100644
--- a/src/client/pages/my-settings/profile.vue
+++ b/src/client/pages/my-settings/profile.vue
@@ -7,16 +7,16 @@
 		</div>
 	
 		<mk-input v-model="name" :max="30">
-			<span>{{ $t('_profile.name') }}</span>
+			<span v-t="'_profile.name'"></span>
 		</mk-input>
 
 		<mk-textarea v-model="description" :max="500">
-			<span>{{ $t('_profile.description') }}</span>
+			<span v-t="'_profile.description'"></span>
 			<template #desc>{{ $t('_profile.youCanIncludeHashtags') }}</template>
 		</mk-textarea>
 
 		<mk-input v-model="location">
-			<span>{{ $t('location') }}</span>
+			<span v-t="'location'"></span>
 			<template #prefix><fa :icon="faMapMarkerAlt"/></template>
 		</mk-input>
 
@@ -26,27 +26,27 @@
 		</mk-input>
 
 		<details class="fields">
-			<summary>{{ $t('_profile.metadata') }}</summary>
+			<summary v-t="'_profile.metadata'"></summary>
 			<div class="row">
-				<mk-input v-model="fieldName0">{{ $t('_profile.metadataLabel') }}</mk-input>
-				<mk-input v-model="fieldValue0">{{ $t('_profile.metadataContent') }}</mk-input>
+				<mk-input v-model="fieldName0" v-t="'_profile.metadataLabel'"></mk-input>
+				<mk-input v-model="fieldValue0" v-t="'_profile.metadataContent'"></mk-input>
 			</div>
 			<div class="row">
-				<mk-input v-model="fieldName1">{{ $t('_profile.metadataLabel') }}</mk-input>
-				<mk-input v-model="fieldValue1">{{ $t('_profile.metadataContent') }}</mk-input>
+				<mk-input v-model="fieldName1" v-t="'_profile.metadataLabel'"></mk-input>
+				<mk-input v-model="fieldValue1" v-t="'_profile.metadataContent'"></mk-input>
 			</div>
 			<div class="row">
-				<mk-input v-model="fieldName2">{{ $t('_profile.metadataLabel') }}</mk-input>
-				<mk-input v-model="fieldValue2">{{ $t('_profile.metadataContent') }}</mk-input>
+				<mk-input v-model="fieldName2" v-t="'_profile.metadataLabel'"></mk-input>
+				<mk-input v-model="fieldValue2" v-t="'_profile.metadataContent'"></mk-input>
 			</div>
 			<div class="row">
-				<mk-input v-model="fieldName3">{{ $t('_profile.metadataLabel') }}</mk-input>
-				<mk-input v-model="fieldValue3">{{ $t('_profile.metadataContent') }}</mk-input>
+				<mk-input v-model="fieldName3" v-t="'_profile.metadataLabel'"></mk-input>
+				<mk-input v-model="fieldValue3" v-t="'_profile.metadataContent'"></mk-input>
 			</div>
 		</details>
 
-		<mk-switch v-model="isBot">{{ $t('flagAsBot') }}</mk-switch>
-		<mk-switch v-model="isCat">{{ $t('flagAsCat') }}</mk-switch>
+		<mk-switch v-model="isBot" v-t="'flagAsBot'"></mk-switch>
+		<mk-switch v-model="isCat" v-t="'flagAsCat'"></mk-switch>
 	</div>
 	<div class="_footer">
 		<mk-button @click="save(true)" primary><fa :icon="faSave"/> {{ $t('save') }}</mk-button>
diff --git a/src/client/pages/my-settings/reaction.vue b/src/client/pages/my-settings/reaction.vue
index ef4f6f6723..9067889f81 100644
--- a/src/client/pages/my-settings/reaction.vue
+++ b/src/client/pages/my-settings/reaction.vue
@@ -3,7 +3,7 @@
 	<div class="_title"><fa :icon="faLaugh"/> {{ $t('reaction') }}</div>
 	<div class="_content">
 		<mk-input v-model="reactions" style="font-family: 'Segoe UI Emoji', 'Noto Color Emoji', Roboto, HelveticaNeue, Arial, sans-serif">
-			{{ $t('reaction') }}<template #desc>{{ $t('reactionSettingDescription') }} <button class="_textButton" @click="chooseEmoji">{{ $t('chooseEmoji') }}</button></template>
+			{{ $t('reaction') }}<template #desc>{{ $t('reactionSettingDescription') }} <button class="_textButton" @click="chooseEmoji" v-t="'chooseEmoji'"></button></template>
 		</mk-input>
 		<mk-button inline @click="setDefault"><fa :icon="faUndo"/> {{ $t('default') }}</mk-button>
 	</div>
diff --git a/src/client/pages/my-settings/security.vue b/src/client/pages/my-settings/security.vue
index dc77ca12c5..1aad9ea573 100644
--- a/src/client/pages/my-settings/security.vue
+++ b/src/client/pages/my-settings/security.vue
@@ -2,7 +2,7 @@
 <section class="_card">
 	<div class="_title"><fa :icon="faLock"/> {{ $t('password') }}</div>
 	<div class="_content">
-		<mk-button primary @click="change()">{{ $t('changePassword') }}</mk-button>
+		<mk-button primary @click="change()" v-t="'changePassword'"></mk-button>
 	</div>
 </section>
 </template>
diff --git a/src/client/pages/not-found.vue b/src/client/pages/not-found.vue
index 5bc4d4589a..64857bf71d 100644
--- a/src/client/pages/not-found.vue
+++ b/src/client/pages/not-found.vue
@@ -1,11 +1,11 @@
 <template>
 <div class="ipledcug">
 	<portal to="icon"><fa :icon="faExclamationTriangle"/></portal>
-	<portal to="title">{{ $t('notFound') }}</portal>
+	<portal to="title" v-t="'notFound'"></portal>
 
 	<div class="_fullinfo">
 		<img src="https://xn--931a.moe/assets/not-found.jpg" class="_ghost"/>
-		<div>{{ $t('notFoundDescription') }}</div>
+		<div v-t="'notFoundDescription'"></div>
 	</div>
 </div>
 </template>
diff --git a/src/client/pages/notifications.vue b/src/client/pages/notifications.vue
index 49e67bc8f7..9973b83db5 100644
--- a/src/client/pages/notifications.vue
+++ b/src/client/pages/notifications.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faBell"/></portal>
-	<portal to="title">{{ $t('notifications') }}</portal>
+	<portal to="title" v-t="'notifications'"></portal>
 	<x-notifications @before="before" @after="after" page/>
 </div>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.button.vue b/src/client/pages/page-editor/els/page-editor.el.button.vue
index 9821201666..39832c2f68 100644
--- a/src/client/pages/page-editor/els/page-editor.el.button.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.button.vue
@@ -3,21 +3,21 @@
 	<template #header><fa :icon="faBolt"/> {{ $t('_pages.blocks.button') }}</template>
 
 	<section class="xfhsjczc">
-		<mk-input v-model="value.text"><span>{{ $t('_pages.blocks._button.text') }}</span></mk-input>
-		<mk-switch v-model="value.primary"><span>{{ $t('_pages.blocks._button.colored') }}</span></mk-switch>
+		<mk-input v-model="value.text"><span v-t="'_pages.blocks._button.text'"></span></mk-input>
+		<mk-switch v-model="value.primary"><span v-t="'_pages.blocks._button.colored'"></span></mk-switch>
 		<mk-select v-model="value.action">
 			<template #label>{{ $t('_pages.blocks._button.action') }}</template>
-			<option value="dialog">{{ $t('_pages.blocks._button._action.dialog') }}</option>
-			<option value="resetRandom">{{ $t('_pages.blocks._button._action.resetRandom') }}</option>
-			<option value="pushEvent">{{ $t('_pages.blocks._button._action.pushEvent') }}</option>
-			<option value="callAiScript">{{ $t('_pages.blocks._button._action.callAiScript') }}</option>
+			<option value="dialog" v-t="'_pages.blocks._button._action.dialog'"></option>
+			<option value="resetRandom" v-t="'_pages.blocks._button._action.resetRandom'"></option>
+			<option value="pushEvent" v-t="'_pages.blocks._button._action.pushEvent'"></option>
+			<option value="callAiScript" v-t="'_pages.blocks._button._action.callAiScript'"></option>
 		</mk-select>
 		<template v-if="value.action === 'dialog'">
-			<mk-input v-model="value.content"><span>{{ $t('_pages.blocks._button._action._dialog.content') }}</span></mk-input>
+			<mk-input v-model="value.content"><span v-t="'_pages.blocks._button._action._dialog.content'"></span></mk-input>
 		</template>
 		<template v-else-if="value.action === 'pushEvent'">
-			<mk-input v-model="value.event"><span>{{ $t('_pages.blocks._button._action._pushEvent.event') }}</span></mk-input>
-			<mk-input v-model="value.message"><span>{{ $t('_pages.blocks._button._action._pushEvent.message') }}</span></mk-input>
+			<mk-input v-model="value.event"><span v-t="'_pages.blocks._button._action._pushEvent.event'"></span></mk-input>
+			<mk-input v-model="value.message"><span v-t="'_pages.blocks._button._action._pushEvent.message'"></span></mk-input>
 			<mk-select v-model="value.var">
 				<template #label>{{ $t('_pages.blocks._button._action._pushEvent.variable') }}</template>
 				<option :value="null">{{ $t('_pages.blocks._button._action._pushEvent.no-variable') }}</option>
@@ -31,7 +31,7 @@
 			</mk-select>
 		</template>
 		<template v-else-if="value.action === 'callAiScript'">
-			<mk-input v-model="value.fn"><span>{{ $t('_pages.blocks._button._action._callAiScript.functionName') }}</span></mk-input>
+			<mk-input v-model="value.fn"><span v-t="'_pages.blocks._button._action._callAiScript.functionName'"></span></mk-input>
 		</template>
 	</section>
 </x-container>
diff --git a/src/client/pages/page-editor/els/page-editor.el.canvas.vue b/src/client/pages/page-editor/els/page-editor.el.canvas.vue
index a499207806..5e1ac7fad8 100644
--- a/src/client/pages/page-editor/els/page-editor.el.canvas.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.canvas.vue
@@ -3,9 +3,9 @@
 	<template #header><fa :icon="faPaintBrush"/> {{ $t('_pages.blocks.canvas') }}</template>
 
 	<section style="padding: 0 16px 0 16px;">
-		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span>{{ $t('_pages.blocks._canvas.id') }}</span></mk-input>
-		<mk-input v-model="value.width" type="number"><span>{{ $t('_pages.blocks._canvas.width') }}</span><template #suffix>px</template></mk-input>
-		<mk-input v-model="value.height" type="number"><span>{{ $t('_pages.blocks._canvas.height') }}</span><template #suffix>px</template></mk-input>
+		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span v-t="'_pages.blocks._canvas.id'"></span></mk-input>
+		<mk-input v-model="value.width" type="number"><span v-t="'_pages.blocks._canvas.width'"></span><template #suffix>px</template></mk-input>
+		<mk-input v-model="value.height" type="number"><span v-t="'_pages.blocks._canvas.height'"></span><template #suffix>px</template></mk-input>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.counter.vue b/src/client/pages/page-editor/els/page-editor.el.counter.vue
index f439f3e6ff..bed4c0d7d2 100644
--- a/src/client/pages/page-editor/els/page-editor.el.counter.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.counter.vue
@@ -3,9 +3,9 @@
 	<template #header><fa :icon="faBolt"/> {{ $t('_pages.blocks.counter') }}</template>
 
 	<section style="padding: 0 16px 0 16px;">
-		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span>{{ $t('_pages.blocks._counter.name') }}</span></mk-input>
-		<mk-input v-model="value.text"><span>{{ $t('_pages.blocks._counter.text') }}</span></mk-input>
-		<mk-input v-model="value.inc" type="number"><span>{{ $t('_pages.blocks._counter.inc') }}</span></mk-input>
+		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span v-t="'_pages.blocks._counter.name'"></span></mk-input>
+		<mk-input v-model="value.text"><span v-t="'_pages.blocks._counter.text'"></span></mk-input>
+		<mk-input v-model="value.inc" type="number"><span v-t="'_pages.blocks._counter.inc'"></span></mk-input>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.number-input.vue b/src/client/pages/page-editor/els/page-editor.el.number-input.vue
index 62d2e1bf8a..fee4eef622 100644
--- a/src/client/pages/page-editor/els/page-editor.el.number-input.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.number-input.vue
@@ -3,9 +3,9 @@
 	<template #header><fa :icon="faBolt"/> {{ $t('_pages.blocks.numberInput') }}</template>
 
 	<section style="padding: 0 16px 0 16px;">
-		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span>{{ $t('_pages.blocks._numberInput.name') }}</span></mk-input>
-		<mk-input v-model="value.text"><span>{{ $t('_pages.blocks._numberInput.text') }}</span></mk-input>
-		<mk-input v-model="value.default" type="number"><span>{{ $t('_pages.blocks._numberInput.default') }}</span></mk-input>
+		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span v-t="'_pages.blocks._numberInput.name'"></span></mk-input>
+		<mk-input v-model="value.text"><span v-t="'_pages.blocks._numberInput.text'"></span></mk-input>
+		<mk-input v-model="value.default" type="number"><span v-t="'_pages.blocks._numberInput.default'"></span></mk-input>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.post.vue b/src/client/pages/page-editor/els/page-editor.el.post.vue
index 06dea51c1f..aa4135c75b 100644
--- a/src/client/pages/page-editor/els/page-editor.el.post.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.post.vue
@@ -3,9 +3,9 @@
 	<template #header><fa :icon="faPaperPlane"/> {{ $t('_pages.blocks.post') }}</template>
 
 	<section style="padding: 16px;">
-		<mk-textarea v-model="value.text">{{ $t('_pages.blocks._post.text') }}</mk-textarea>
-		<mk-switch v-model="value.attachCanvasImage"><span>{{ $t('_pages.blocks._post.attachCanvasImage') }}</span></mk-switch>
-		<mk-input v-if="value.attachCanvasImage" v-model="value.canvasId"><span>{{ $t('_pages.blocks._post.canvasId') }}</span></mk-input>
+		<mk-textarea v-model="value.text" v-t="'_pages.blocks._post.text'"></mk-textarea>
+		<mk-switch v-model="value.attachCanvasImage"><span v-t="'_pages.blocks._post.attachCanvasImage'"></span></mk-switch>
+		<mk-input v-if="value.attachCanvasImage" v-model="value.canvasId"><span v-t="'_pages.blocks._post.canvasId'"></span></mk-input>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.radio-button.vue b/src/client/pages/page-editor/els/page-editor.el.radio-button.vue
index 34a9366d62..69c2e3defd 100644
--- a/src/client/pages/page-editor/els/page-editor.el.radio-button.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.radio-button.vue
@@ -3,10 +3,10 @@
 	<template #header><fa :icon="faBolt"/> {{ $t('_pages.blocks.radioButton') }}</template>
 
 	<section style="padding: 0 16px 16px 16px;">
-		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span>{{ $t('_pages.blocks._radioButton.name') }}</span></mk-input>
-		<mk-input v-model="value.title"><span>{{ $t('_pages.blocks._radioButton.title') }}</span></mk-input>
-		<mk-textarea v-model="values"><span>{{ $t('_pages.blocks._radioButton.values') }}</span></mk-textarea>
-		<mk-input v-model="value.default"><span>{{ $t('_pages.blocks._radioButton.default') }}</span></mk-input>
+		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span v-t="'_pages.blocks._radioButton.name'"></span></mk-input>
+		<mk-input v-model="value.title"><span v-t="'_pages.blocks._radioButton.title'"></span></mk-input>
+		<mk-textarea v-model="values"><span v-t="'_pages.blocks._radioButton.values'"></span></mk-textarea>
+		<mk-input v-model="value.default"><span v-t="'_pages.blocks._radioButton.default'"></span></mk-input>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.switch.vue b/src/client/pages/page-editor/els/page-editor.el.switch.vue
index 5055da4f6f..64ba4a75e5 100644
--- a/src/client/pages/page-editor/els/page-editor.el.switch.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.switch.vue
@@ -3,9 +3,9 @@
 	<template #header><fa :icon="faBolt"/> {{ $t('_pages.blocks.switch') }}</template>
 
 	<section class="kjuadyyj">
-		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span>{{ $t('_pages.blocks._switch.name') }}</span></mk-input>
-		<mk-input v-model="value.text"><span>{{ $t('_pages.blocks._switch.text') }}</span></mk-input>
-		<mk-switch v-model="value.default"><span>{{ $t('_pages.blocks._switch.default') }}</span></mk-switch>
+		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span v-t="'_pages.blocks._switch.name'"></span></mk-input>
+		<mk-input v-model="value.text"><span v-t="'_pages.blocks._switch.text'"></span></mk-input>
+		<mk-switch v-model="value.default"><span v-t="'_pages.blocks._switch.default'"></span></mk-switch>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.text-input.vue b/src/client/pages/page-editor/els/page-editor.el.text-input.vue
index bd5fb37617..f339f22bec 100644
--- a/src/client/pages/page-editor/els/page-editor.el.text-input.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.text-input.vue
@@ -3,9 +3,9 @@
 	<template #header><fa :icon="faBolt"/> {{ $t('_pages.blocks.textInput') }}</template>
 
 	<section style="padding: 0 16px 0 16px;">
-		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span>{{ $t('_pages.blocks._textInput.name') }}</span></mk-input>
-		<mk-input v-model="value.text"><span>{{ $t('_pages.blocks._textInput.text') }}</span></mk-input>
-		<mk-input v-model="value.default" type="text"><span>{{ $t('_pages.blocks._textInput.default') }}</span></mk-input>
+		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span v-t="'_pages.blocks._textInput.name'"></span></mk-input>
+		<mk-input v-model="value.text"><span v-t="'_pages.blocks._textInput.text'"></span></mk-input>
+		<mk-input v-model="value.default" type="text"><span v-t="'_pages.blocks._textInput.default'"></span></mk-input>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/els/page-editor.el.textarea-input.vue b/src/client/pages/page-editor/els/page-editor.el.textarea-input.vue
index 33c49c705b..2ca3f00578 100644
--- a/src/client/pages/page-editor/els/page-editor.el.textarea-input.vue
+++ b/src/client/pages/page-editor/els/page-editor.el.textarea-input.vue
@@ -3,9 +3,9 @@
 	<template #header><fa :icon="faBolt"/> {{ $t('_pages.blocks.textareaInput') }}</template>
 
 	<section style="padding: 0 16px 16px 16px;">
-		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span>{{ $t('_pages.blocks._textareaInput.name') }}</span></mk-input>
-		<mk-input v-model="value.text"><span>{{ $t('_pages.blocks._textareaInput.text') }}</span></mk-input>
-		<mk-textarea v-model="value.default"><span>{{ $t('_pages.blocks._textareaInput.default') }}</span></mk-textarea>
+		<mk-input v-model="value.name"><template #prefix><fa :icon="faMagic"/></template><span v-t="'_pages.blocks._textareaInput.name'"></span></mk-input>
+		<mk-input v-model="value.text"><span v-t="'_pages.blocks._textareaInput.text'"></span></mk-input>
+		<mk-textarea v-model="value.default"><span v-t="'_pages.blocks._textareaInput.default'"></span></mk-textarea>
 	</section>
 </x-container>
 </template>
diff --git a/src/client/pages/page-editor/page-editor.script-block.vue b/src/client/pages/page-editor/page-editor.script-block.vue
index f3270f02e3..da98c0f21a 100644
--- a/src/client/pages/page-editor/page-editor.script-block.vue
+++ b/src/client/pages/page-editor/page-editor.script-block.vue
@@ -41,7 +41,7 @@
 	</section>
 	<section v-else-if="value.type === 'fn'" class="" style="padding:0 16px 16px 16px;">
 		<mk-textarea v-model="slots">
-			<span>{{ $t('_pages.script.blocks._fn.slots') }}</span>
+			<span v-t="'_pages.script.blocks._fn.slots'"></span>
 			<template #desc>{{ $t('_pages.script.blocks._fn.slots-info') }}</template>
 		</mk-textarea>
 		<x-v v-if="value.value.expression" v-model="value.value.expression" :title="$t(`_pages.script.blocks._fn.arg1`)" :get-expected-type="() => null" :hpml="hpml" :fn-slots="value.value.slots" :name="name"/>
diff --git a/src/client/pages/page-editor/page-editor.vue b/src/client/pages/page-editor/page-editor.vue
index 2beb2df389..1cb7b8cd5e 100644
--- a/src/client/pages/page-editor/page-editor.vue
+++ b/src/client/pages/page-editor/page-editor.vue
@@ -14,28 +14,28 @@
 			<router-link class="view" v-if="pageId" :to="`/@${ author.username }/pages/${ currentName }`"><fa :icon="faExternalLinkSquareAlt"/> {{ $t('_pages.viewPage') }}</router-link>
 
 			<mk-input v-model="title">
-				<span>{{ $t('_pages.title') }}</span>
+				<span v-t="'_pages.title'"></span>
 			</mk-input>
 
 			<template v-if="showOptions">
 				<mk-input v-model="summary">
-					<span>{{ $t('_pages.summary') }}</span>
+					<span v-t="'_pages.summary'"></span>
 				</mk-input>
 
 				<mk-input v-model="name">
 					<template #prefix>{{ url }}/@{{ author.username }}/pages/</template>
-					<span>{{ $t('_pages.url') }}</span>
+					<span v-t="'_pages.url'"></span>
 				</mk-input>
 
-				<mk-switch v-model="alignCenter">{{ $t('_pages.alignCenter') }}</mk-switch>
+				<mk-switch v-model="alignCenter" v-t="'_pages.alignCenter'"></mk-switch>
 
 				<mk-select v-model="font">
 					<template #label>{{ $t('_pages.font') }}</template>
-					<option value="serif">{{ $t('_pages.fontSerif') }}</option>
-					<option value="sans-serif">{{ $t('_pages.fontSansSerif') }}</option>
+					<option value="serif" v-t="'_pages.fontSerif'"></option>
+					<option value="sans-serif" v-t="'_pages.fontSansSerif'"></option>
 				</mk-select>
 
-				<mk-switch v-model="hideTitleWhenPinned">{{ $t('_pages.hideTitleWhenPinned') }}</mk-switch>
+				<mk-switch v-model="hideTitleWhenPinned" v-t="'_pages.hideTitleWhenPinned'"></mk-switch>
 
 				<div class="eyeCatch">
 					<mk-button v-if="eyeCatchingImageId == null && !readonly" @click="setEyeCatchingImage()"><fa :icon="faPlus"/> {{ $t('_pages.eyeCatchingImageSet') }}</mk-button>
diff --git a/src/client/pages/page.vue b/src/client/pages/page.vue
index 093a3e5e2f..6d24b05161 100644
--- a/src/client/pages/page.vue
+++ b/src/client/pages/page.vue
@@ -14,11 +14,11 @@
 		<div class="_footer">
 			<small>@{{ page.user.username }}</small>
 			<template v-if="$store.getters.isSignedIn && $store.state.i.id === page.userId">
-				<router-link :to="`/my/pages/edit/${page.id}`">{{ $t('_pages.editThisPage') }}</router-link>
-				<a v-if="$store.state.i.pinnedPageId === page.id" @click="pin(false)">{{ $t('unpin') }}</a>
-				<a v-else @click="pin(true)">{{ $t('pin') }}</a>
+				<router-link :to="`/my/pages/edit/${page.id}`" v-t="'_pages.editThisPage'"></router-link>
+				<a v-if="$store.state.i.pinnedPageId === page.id" @click="pin(false)" v-t="'unpin'"></a>
+				<a v-else @click="pin(true)" v-t="'pin'"></a>
 			</template>
-			<router-link :to="`./${page.name}/view-source`">{{ $t('_pages.viewSource') }}</router-link>
+			<router-link :to="`./${page.name}/view-source`" v-t="'_pages.viewSource'"></router-link>
 			<div class="like">
 				<button class="_button" @click="unlike()" v-if="page.isLiked" :title="$t('_pages.unlike')"><fa :icon="faHeartS"/></button>
 				<button class="_button" @click="like()" v-else :title="$t('_pages.like')"><fa :icon="faHeartR"/></button>
diff --git a/src/client/pages/pages.vue b/src/client/pages/pages.vue
index a261785715..5fb2b8eef5 100644
--- a/src/client/pages/pages.vue
+++ b/src/client/pages/pages.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faStickyNote"/></portal>
-	<portal to="title">{{ $t('pages') }}</portal>
+	<portal to="title" v-t="'pages'"></portal>
 
 	<mk-container :body-togglable="true">
 		<template #header><fa :icon="faEdit" fixed-width/>{{ $t('_pages.my') }}</template>
diff --git a/src/client/pages/preferences/index.vue b/src/client/pages/preferences/index.vue
index c2226235b0..302af54ebc 100644
--- a/src/client/pages/preferences/index.vue
+++ b/src/client/pages/preferences/index.vue
@@ -1,9 +1,9 @@
 <template>
 <div>
 	<portal to="icon"><fa :icon="faCog"/></portal>
-	<portal to="title">{{ $t('clinetSettings') }}</portal>
+	<portal to="title" v-t="'clinetSettings'"></portal>
 
-	<router-link v-if="$store.getters.isSignedIn" class="_panel _buttonPrimary" to="/my/settings" style="margin-bottom: var(--margin);">{{ $t('accountSettings') }}</router-link>
+	<router-link v-if="$store.getters.isSignedIn" class="_panel _buttonPrimary" to="/my/settings" style="margin-bottom: var(--margin);" v-t="'accountSettings'"></router-link>
 
 	<x-theme/>
 
@@ -16,7 +16,7 @@
 		<div class="_content">
 			<mk-range v-model="sfxVolume" :min="0" :max="1" :step="0.1">
 				<fa slot="icon" :icon="volumeIcon"/>
-				<span slot="title">{{ $t('volume') }}</span>
+				<span slot="title" v-t="'volume'"></span>
 			</mk-range>
 		</div>
 		<div class="_content">
@@ -61,25 +61,25 @@
 			</mk-switch>
 		</div>
 		<div class="_content">
-			<div>{{ $t('_deck.columnAlign') }}</div>
-			<mk-radio v-model="deckColumnAlign" value="left">{{ $t('left') }}</mk-radio>
-			<mk-radio v-model="deckColumnAlign" value="center">{{ $t('center') }}</mk-radio>
+			<div v-t="'_deck.columnAlign'"></div>
+			<mk-radio v-model="deckColumnAlign" value="left" v-t="'left'"></mk-radio>
+			<mk-radio v-model="deckColumnAlign" value="center" v-t="'center'"></mk-radio>
 		</div>
 	</section>
 
 	<section class="_card">
 		<div class="_title"><fa :icon="faCog"/> {{ $t('appearance') }}</div>
 		<div class="_content">
-			<mk-switch v-model="disableAnimatedMfm">{{ $t('disableAnimatedMfm') }}</mk-switch>
-			<mk-switch v-model="reduceAnimation">{{ $t('reduceUiAnimation') }}</mk-switch>
-			<mk-switch v-model="useBlurEffectForModal">{{ $t('useBlurEffectForModal') }}</mk-switch>
+			<mk-switch v-model="disableAnimatedMfm" v-t="'disableAnimatedMfm'"></mk-switch>
+			<mk-switch v-model="reduceAnimation" v-t="'reduceUiAnimation'"></mk-switch>
+			<mk-switch v-model="useBlurEffectForModal" v-t="'useBlurEffectForModal'"></mk-switch>
 			<mk-switch v-model="useOsNativeEmojis">
 				{{ $t('useOsNativeEmojis') }}
 				<template #desc><mfm text="🍮🍦🍭🍩🍰🍫🍬🥞🍪"/></template>
 			</mk-switch>
 		</div>
 		<div class="_content">
-			<div>{{ $t('fontSize') }}</div>
+			<div v-t="'fontSize'"></div>
 			<mk-radio v-model="fontSize" value="small"><span style="font-size: 14px;">Aa</span></mk-radio>
 			<mk-radio v-model="fontSize" :value="null"><span style="font-size: 16px;">Aa</span></mk-radio>
 			<mk-radio v-model="fontSize" value="large"><span style="font-size: 18px;">Aa</span></mk-radio>
@@ -95,11 +95,11 @@
 			</mk-switch>
 		</div>
 		<div class="_content">
-			<mk-switch v-model="imageNewTab">{{ $t('openImageInNewTab') }}</mk-switch>
-			<mk-switch v-model="showFixedPostForm">{{ $t('showFixedPostForm') }}</mk-switch>
-			<mk-switch v-model="enableInfiniteScroll">{{ $t('enableInfiniteScroll') }}</mk-switch>
-			<mk-switch v-model="fixedWidgetsPosition">{{ $t('fixedWidgetsPosition') }}</mk-switch>
-			<mk-switch v-model="disablePagesScript">{{ $t('disablePagesScript') }}</mk-switch>
+			<mk-switch v-model="imageNewTab" v-t="'openImageInNewTab'"></mk-switch>
+			<mk-switch v-model="showFixedPostForm" v-t="'showFixedPostForm'"></mk-switch>
+			<mk-switch v-model="enableInfiniteScroll" v-t="'enableInfiniteScroll'"></mk-switch>
+			<mk-switch v-model="fixedWidgetsPosition" v-t="'fixedWidgetsPosition'"></mk-switch>
+			<mk-switch v-model="disablePagesScript" v-t="'disablePagesScript'"></mk-switch>
 		</div>
 		<div class="_content">
 			<mk-select v-model="lang">
@@ -110,7 +110,7 @@
 		</div>
 	</section>
 
-	<mk-button @click="cacheClear()" primary style="margin: var(--margin) auto;">{{ $t('cacheClear') }}</mk-button>
+	<mk-button @click="cacheClear()" primary style="margin: var(--margin) auto;" v-t="'cacheClear'"></mk-button>
 </div>
 </template>
 
diff --git a/src/client/pages/preferences/plugins.vue b/src/client/pages/preferences/plugins.vue
index 8bd522ddc6..0176bbf0bd 100644
--- a/src/client/pages/preferences/plugins.vue
+++ b/src/client/pages/preferences/plugins.vue
@@ -6,7 +6,7 @@
 			<summary><fa :icon="faDownload"/> {{ $t('install') }}</summary>
 			<mk-info warn>{{ $t('pluginInstallWarn') }}</mk-info>
 			<mk-textarea v-model="script" tall>
-				<span>{{ $t('script') }}</span>
+				<span v-t="'script'"></span>
 			</mk-textarea>
 			<mk-button @click="install()" primary><fa :icon="faSave"/> {{ $t('install') }}</mk-button>
 		</details>
diff --git a/src/client/pages/preferences/sidebar.vue b/src/client/pages/preferences/sidebar.vue
index 34c9916cf5..d9bb956c2b 100644
--- a/src/client/pages/preferences/sidebar.vue
+++ b/src/client/pages/preferences/sidebar.vue
@@ -3,8 +3,8 @@
 	<div class="_title"><fa :icon="faListUl"/> {{ $t('sidebar') }}</div>
 	<div class="_content">
 		<mk-textarea v-model="items" tall>
-			<span>{{ $t('sidebar') }}</span>
-			<template #desc><button class="_textButton" @click="addItem">{{ $t('addItem') }}</button></template>
+			<span v-t="'sidebar'"></span>
+			<template #desc><button class="_textButton" @click="addItem" v-t="'addItem'"></button></template>
 		</mk-textarea>
 	</div>
 	<div class="_footer">
diff --git a/src/client/pages/preferences/theme.vue b/src/client/pages/preferences/theme.vue
index 173ccd7091..c2db053a91 100644
--- a/src/client/pages/preferences/theme.vue
+++ b/src/client/pages/preferences/theme.vue
@@ -6,8 +6,8 @@
 			<div class="toggleWrapper">
 				<input type="checkbox" class="dn" id="dn" v-model="darkMode" :disabled="syncDeviceDarkMode"/>
 				<label for="dn" class="toggle">
-					<span class="before">{{ $t('light') }}</span>
-					<span class="after">{{ $t('dark') }}</span>
+					<span class="before" v-t="'light'"></span>
+					<span class="after" v-t="'dark'"></span>
 					<span class="toggle__handler">
 						<span class="crater crater--1"></span>
 						<span class="crater crater--2"></span>
@@ -22,7 +22,7 @@
 				</label>
 			</div>
 		</div>
-		<mk-switch v-model="syncDeviceDarkMode">{{ $t('syncDeviceDarkMode') }}</mk-switch>
+		<mk-switch v-model="syncDeviceDarkMode" v-t="'syncDeviceDarkMode'"></mk-switch>
 	</div>
 	<div class="_content">
 		<mk-select v-model="lightTheme">
@@ -43,17 +43,17 @@
 				<option v-for="x in lightThemes" :value="x.id" :key="x.id">{{ x.name }}</option>
 			</optgroup>
 		</mk-select>
-		<a href="https://assets.msky.cafe/theme/list" rel="noopener" target="_blank" class="_link">{{ $t('_theme.explore') }}</a>・<router-link to="/theme-editor" class="_link">{{ $t('_theme.make') }}</router-link>
+		<a href="https://assets.msky.cafe/theme/list" rel="noopener" target="_blank" class="_link" v-t="'_theme.explore'"></a>・<router-link to="/theme-editor" class="_link" v-t="'_theme.make'"></router-link>
 	</div>
 	<div class="_content">
-		<mk-button primary v-if="wallpaper == null" @click="setWallpaper">{{ $t('setWallpaper') }}</mk-button>
-		<mk-button primary v-else @click="wallpaper = null">{{ $t('removeWallpaper') }}</mk-button>
+		<mk-button primary v-if="wallpaper == null" @click="setWallpaper" v-t="'setWallpaper'"></mk-button>
+		<mk-button primary v-else @click="wallpaper = null" v-t="'removeWallpaper'"></mk-button>
 	</div>
 	<div class="_content">
 		<details>
 			<summary><fa :icon="faDownload"/> {{ $t('_theme.install') }}</summary>
 			<mk-textarea v-model="installThemeCode">
-				<span>{{ $t('_theme.code') }}</span>
+				<span v-t="'_theme.code'"></span>
 			</mk-textarea>
 			<mk-button @click="() => install(this.installThemeCode)" :disabled="installThemeCode == null" primary inline><fa :icon="faCheck"/> {{ $t('install') }}</mk-button>
 			<mk-button @click="() => preview(this.installThemeCode)" :disabled="installThemeCode == null" inline><fa :icon="faEye"/> {{ $t('preview') }}</mk-button>
@@ -67,7 +67,7 @@
 			</mk-select>
 			<template v-if="selectedTheme">
 				<mk-textarea readonly tall :value="selectedThemeCode">
-					<span>{{ $t('_theme.code') }}</span>
+					<span v-t="'_theme.code'"></span>
 				</mk-textarea>
 				<mk-button @click="uninstall()" v-if="!builtinThemes.some(t => t.id == selectedTheme.id)"><fa :icon="faTrashAlt"/> {{ $t('uninstall') }}</mk-button>
 			</template>
diff --git a/src/client/pages/room/room.vue b/src/client/pages/room/room.vue
index 05b93c04e8..32eca9bfac 100644
--- a/src/client/pages/room/room.vue
+++ b/src/client/pages/room/room.vue
@@ -16,7 +16,7 @@
 				<div v-for="k in Object.keys(selectedFurnitureInfo.props)" :key="k">
 					<p>{{ k }}</p>
 					<template v-if="selectedFurnitureInfo.props[k] === 'image'">
-						<mk-button @click="chooseImage(k, $event)">{{ $t('_rooms.chooseImage') }}</mk-button>
+						<mk-button @click="chooseImage(k, $event)" v-t="'_rooms.chooseImage'"></mk-button>
 					</template>
 					<template v-else-if="selectedFurnitureInfo.props[k] === 'color'">
 						<input type="color" :value="selectedFurnitureProps ? selectedFurnitureProps[k] : null" @change="updateColor(k, $event)"/>
@@ -41,11 +41,11 @@
 		<div class="_content">
 			<mk-select :value="roomType" @input="updateRoomType($event)">
 				<template #label>{{ $t('_rooms.roomType') }}</template>
-				<option value="default">{{ $t('_rooms._roomType.default') }}</option>
-				<option value="washitsu">{{ $t('_rooms._roomType.washitsu') }}</option>
+				<option value="default" v-t="'_rooms._roomType.default'"></option>
+				<option value="washitsu" v-t="'_rooms._roomType.washitsu'"></option>
 			</mk-select>
 			<label v-if="roomType === 'default'">
-				<span>{{ $t('_rooms.carpetColor') }}</span>
+				<span v-t="'_rooms.carpetColor'"></span>
 				<input type="color" :value="carpetColor" @change="updateCarpetColor($event)"/>
 			</label>
 		</div>
diff --git a/src/client/pages/scratchpad.vue b/src/client/pages/scratchpad.vue
index 025505295b..eda311729c 100644
--- a/src/client/pages/scratchpad.vue
+++ b/src/client/pages/scratchpad.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="">
 	<portal to="icon"><fa :icon="faTerminal"/></portal>
-	<portal to="title">{{ $t('scratchpad') }}</portal>
+	<portal to="title" v-t="'scratchpad'"></portal>
 
 	<div class="_panel">
 		<prism-editor v-model="code" :line-numbers="false" language="js"/>
@@ -16,7 +16,7 @@
 	</mk-container>
 
 	<section class="_card" style="margin-top: var(--margin);">
-		<div class="_content">{{ $t('scratchpadDescription') }}</div>
+		<div class="_content" v-t="'scratchpadDescription'"></div>
 	</section>
 </div>
 </template>
diff --git a/src/client/pages/share.vue b/src/client/pages/share.vue
index 153de76801..f5e28eeec2 100644
--- a/src/client/pages/share.vue
+++ b/src/client/pages/share.vue
@@ -1,13 +1,13 @@
 <template>
 <div class="">
 	<portal to="icon"><fa :icon="faShareAlt"/></portal>
-	<portal to="title">{{ $t('share') }}</portal>
+	<portal to="title" v-t="'share'"></portal>
 
 	<section class="_card">
 		<div class="_title" v-if="title">{{ title }}</div>
 		<div class="_content">
 			<div>{{ text }}</div>
-			<mk-button @click="post()" v-if="!posted">{{ $t('post') }}</mk-button>
+			<mk-button @click="post()" v-if="!posted" v-t="'post'"></mk-button>
 			<mk-button primary @click="close()" v-else>{{ $t('close') }}</mk-button>
 		</div>
 		<div class="_footer" v-if="url">{{ url }}</div>
diff --git a/src/client/pages/theme-editor.vue b/src/client/pages/theme-editor.vue
index 2ad95c065e..76f61a1d03 100644
--- a/src/client/pages/theme-editor.vue
+++ b/src/client/pages/theme-editor.vue
@@ -1,17 +1,17 @@
 <template>
 <div class="t9makv94">
 	<portal to="icon"><fa :icon="faPalette"/></portal>
-	<portal to="title">{{ $t('themeEditor') }}</portal>
+	<portal to="title" v-t="'themeEditor'"></portal>
 
 	<section class="_card">
 		<div class="_content">
-			<mk-input v-model="name" required><span>{{ $t('name') }}</span></mk-input>
-			<mk-input v-model="author" required><span>{{ $t('author') }}</span></mk-input>
-			<mk-textarea v-model="description"><span>{{ $t('description') }}</span></mk-textarea>
+			<mk-input v-model="name" required><span v-t="'name'"></span></mk-input>
+			<mk-input v-model="author" required><span v-t="'author'"></span></mk-input>
+			<mk-textarea v-model="description"><span v-t="'description'"></span></mk-textarea>
 			<div class="_inputs">
 				<div v-text="$t('_theme.base')" />
-				<mk-radio v-model="baseTheme" value="light">{{ $t('light') }}</mk-radio>
-				<mk-radio v-model="baseTheme" value="dark">{{ $t('dark') }}</mk-radio>
+				<mk-radio v-model="baseTheme" value="light" v-t="'light'"></mk-radio>
+				<mk-radio v-model="baseTheme" value="dark" v-t="'dark'"></mk-radio>
 			</div>
 		</div>
 		<div class="_content">
@@ -36,7 +36,7 @@
 							<!-- ref const -->
 							<mk-input v-else-if="v.type === 'refConst'" v-model="v.key">
 								<template #prefix>$</template>
-								<span>{{ $t('name') }}</span>
+								<span v-t="'name'"></span>
 							</mk-input>
 							<!-- ref props -->
 							<mk-select class="select" v-else-if="v.type === 'refProp'" v-model="v.key">
@@ -48,7 +48,7 @@
 									<template #label>{{ $t('_theme.funcKind') }}</template>
 									<option v-for="n in ['alpha', 'darken', 'lighten']" :value="n" :key="n">{{ $t('_theme.' + n) }}</option>
 								</mk-select>
-								<mk-input type="number" v-model="v.arg"><span>{{ $t('_theme.argument') }}</span></mk-input>
+								<mk-input type="number" v-model="v.arg"><span v-t="'_theme.argument'"></span></mk-input>
 								<mk-select class="select" v-model="v.value">
 									<template #label>{{ $t('_theme.basedProp') }}</template>
 									<option v-for="key in themeProps" :value="key" :key="key">{{ $t('_theme.keys.' + key) }}</option>
@@ -57,18 +57,18 @@
 						</div>
 					</div>
 				</div>
-				<mk-button primary @click="addConst">{{ $t('_theme.addConstant') }}</mk-button>
+				<mk-button primary @click="addConst" v-t="'_theme.addConstant'"></mk-button>
 			</div>
 		</div>
 		<div class="_content">
 				<mk-textarea v-model="themeToImport">
 					{{ $t('_theme.importInfo') }}
 				</mk-textarea>
-				<mk-button :disabled="!themeToImport.trim()" @click="importTheme">{{ $t('import') }}</mk-button>
+				<mk-button :disabled="!themeToImport.trim()" @click="importTheme" v-t="'import'"></mk-button>
 		</div>
 		<div class="_footer">
-			<mk-button inline @click="preview">{{ $t('preview') }}</mk-button>
-			<mk-button inline primary :disabled="!name || !author" @click="save">{{ $t('save') }}</mk-button>
+			<mk-button inline @click="preview" v-t="'preview'"></mk-button>
+			<mk-button inline primary :disabled="!name || !author" @click="save" v-t="'save'"></mk-button>
 		</div>
 	</section>
 </div>
diff --git a/src/client/pages/user/index.photos.vue b/src/client/pages/user/index.photos.vue
index 83a2618403..6f29b1cf72 100644
--- a/src/client/pages/user/index.photos.vue
+++ b/src/client/pages/user/index.photos.vue
@@ -8,7 +8,7 @@
 			:to="image.note | notePage"
 		></router-link>
 	</div>
-	<p class="empty" v-if="!fetching && images.length == 0">{{ $t('nothing') }}</p>
+	<p class="empty" v-if="!fetching && images.length == 0" v-t="'nothing'"></p>
 </div>
 </template>
 
diff --git a/src/client/pages/user/index.timeline.vue b/src/client/pages/user/index.timeline.vue
index f03c4adf8d..1cd3d59acd 100644
--- a/src/client/pages/user/index.timeline.vue
+++ b/src/client/pages/user/index.timeline.vue
@@ -1,9 +1,9 @@
 <template>
 <div class="kjeftjfm" v-size="[{ max: 500 }]">
 	<div class="with">
-		<button class="_button" @click="with_ = null" :class="{ active: with_ === null }">{{ $t('notes') }}</button>
-		<button class="_button" @click="with_ = 'replies'" :class="{ active: with_ === 'replies' }">{{ $t('notesAndReplies') }}</button>
-		<button class="_button" @click="with_ = 'files'" :class="{ active: with_ === 'files' }">{{ $t('withFiles') }}</button>
+		<button class="_button" @click="with_ = null" :class="{ active: with_ === null }" v-t="'notes'"></button>
+		<button class="_button" @click="with_ = 'replies'" :class="{ active: with_ === 'replies' }" v-t="'notesAndReplies'"></button>
+		<button class="_button" @click="with_ = 'files'" :class="{ active: with_ === 'files' }" v-t="'withFiles'"></button>
 	</div>
 	<x-notes ref="timeline" :pagination="pagination" @before="$emit('before')" @after="e => $emit('after', e)"/>
 </div>
diff --git a/src/client/pages/user/index.vue b/src/client/pages/user/index.vue
index 20eaca3687..6f211c71f9 100644
--- a/src/client/pages/user/index.vue
+++ b/src/client/pages/user/index.vue
@@ -20,7 +20,7 @@
 					<span v-if="user.isBot" :title="$t('isBot')"><fa :icon="faRobot"/></span>
 				</div>
 			</div>
-			<span class="followed" v-if="$store.getters.isSignedIn && $store.state.i.id != user.id && user.isFollowed">{{ $t('followsYou') }}</span>
+			<span class="followed" v-if="$store.getters.isSignedIn && $store.state.i.id != user.id && user.isFollowed" v-t="'followsYou'"></span>
 			<div class="actions" v-if="$store.getters.isSignedIn">
 				<button @click="menu" class="menu _button" ref="menu"><fa :icon="faEllipsisH"/></button>
 				<mk-follow-button v-if="$store.state.i.id != user.id" :user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/>
@@ -39,7 +39,7 @@
 		</div>
 		<div class="description">
 			<mfm v-if="user.description" :text="user.description" :is-note="false" :author="user" :i="$store.state.i" :custom-emojis="user.emojis"/>
-			<p v-else class="empty">{{ $t('noAccountDescription') }}</p>
+			<p v-else class="empty" v-t="'noAccountDescription'"></p>
 		</div>
 		<div class="fields system">
 			<dl class="field" v-if="user.location">
@@ -68,15 +68,15 @@
 		<div class="status">
 			<router-link :to="user | userPage()" :class="{ active: $route.name === 'user' }">
 				<b>{{ user.notesCount | number }}</b>
-				<span>{{ $t('notes') }}</span>
+				<span v-t="'notes'"></span>
 			</router-link>
 			<router-link :to="user | userPage('following')" :class="{ active: $route.name === 'userFollowing' }">
 				<b>{{ user.followingCount | number }}</b>
-				<span>{{ $t('following') }}</span>
+				<span v-t="'following'"></span>
 			</router-link>
 			<router-link :to="user | userPage('followers')" :class="{ active: $route.name === 'userFollowers' }">
 				<b>{{ user.followersCount | number }}</b>
-				<span>{{ $t('followers') }}</span>
+				<span v-t="'followers'"></span>
 			</router-link>
 		</div>
 	</div>