在 en.json / zh.json 文件中定义字符串，如：

“preview_tip": "Hi {yourName}"

在组件中应用变量要这样写：

$t('preview_tip', {yourName: this.yourName});

若要给变量设置单独样式，则在组件中这样写：

<i18n path="preview_tip" tag="div">
	<template v-slot:yourName>
		<span class="role-name">{{yourName}}</span>
	</template>
</i18n>

path 指定字符串的 key，v-slot 指定变量。

参考：

• https://kazupon.github.io/vue-i18n/guide/formatting.html#custom-formatting
• https://juejin.cn/post/6958609646013644836