如何在 nuxt-i18n 中添加 CSS 样式?

How can I add CSS style in nuxt-i18n?

我有以下翻译:

en.js

test: {
  hello: 'My name is Ben'
}

如果我想让'name'是蓝色的字,其他字是黑色的。

我试过以下代码: en.js

test: {
  hello: 'My <span style="color:blue">name<span> is Ben'
}

但是会显示
My <span style="color:blue">name<span> is Ben

我该如何更正它?

您的 i18n JSON 中不应包含 code(仅文本),而应在您的模板中使用这样的条件

<div :class="$i18n.locale === 'en' ? 'color-blue' : 'color-red'">{{ $t('hello') }}</div>