Refactoring of i18n (#3165)

Refactoring of i18n

src/client/app/mobile/views/pages/user-lists.vue

@@ -1,6 +1,6 @@
 <template>
 <mk-ui>
-	<span slot="header"><fa icon="list"/>%i18n:@title%</span>
+	<span slot="header"><fa icon="list"/>{{ $t('title') }}</span>
 	<template slot="func"><button @click="fn"><fa icon="plus"/></button></template>
 
 	<main>
@@ -13,9 +13,11 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import i18n from '../../../i18n';
 import Progress from '../../../common/scripts/loading';
 
 export default Vue.extend({
+	i18n: i18n('mobile/views/pages/user-lists.vue'),
 	data() {
 		return {
 			fetching: true,
@@ -23,7 +25,7 @@ export default Vue.extend({
 		};
 	},
 	mounted() {
-		document.title = '%i18n:@title%';
+		document.title = this.$t('title');
 
 		Progress.start();
 
@@ -37,7 +39,7 @@ export default Vue.extend({
 	methods: {
 		fn() {
 			(this as any).apis.input({
-				title: '%i18n:@enter-list-name%',
+				title: this.$t('enter-list-name'),
 			}).then(async title => {
 				const list = await (this as any).api('users/lists/create', {
 					title