Refactoring of i18n (#3165)

Refactoring of i18n

src/client/app/common/views/widgets/slideshow.vue

@@ -2,10 +2,10 @@
 <div class="mkw-slideshow" :data-mobile="platform == 'mobile'">
 	<div @click="choose">
 		<p v-if="props.folder === undefined">
-			<template v-if="isCustomizeMode">%i18n:@folder-customize-mode%</template>
-			<template v-else>%i18n:@folder%</template>
+			<template v-if="isCustomizeMode">{{ $t('folder-customize-mode') }}</template>
+			<template v-else>{{ $t('folder') }}</template>
 		</p>
-		<p v-if="props.folder !== undefined && images.length == 0 && !fetching">%i18n:@no-image%</p>
+		<p v-if="props.folder !== undefined && images.length == 0 && !fetching">{{ $t('no-image') }}</p>
 		<div ref="slideA" class="slide a"></div>
 		<div ref="slideB" class="slide b"></div>
 	</div>
@@ -15,6 +15,8 @@
 <script lang="ts">
 import * as anime from 'animejs';
 import define from '../../../common/define-widget';
+import i18n from '../../../i18n';
+
 export default define({
 	name: 'slideshow',
 	props: () => ({
@@ -22,6 +24,8 @@ export default define({
 		size: 0
 	})
 }).extend({
+	i18n: i18n('common/views/widgets/slideshow.vue'),
+
 	data() {
 		return {
 			images: [],