Efros Ionelu's questions

我是 nuxt 新手。我安装了 i18n 来处理翻译

我检查了https://i18n.nuxtjs.org/docs/getting-started

我的定义I18nConfig：

nuxt-app/i18n.config.ts

export default defineI18nConfig(() => ({
    legacy: false,
    locale: 'en',
    fallbackLocale: "en",
    escapeParameterHtml: false,
    warnHtmlMessage: false,
    messages: {
        en: {

            welcome: "hello dear human {\"key\": \"value\"}"

        },
        fr: {

            welcome: "hello dear human fr"

        }
    },
}))

页面/index.vue

<script setup>


const { locale, setLocale } = useI18n()
</script>
<template>
  <div>
    <div>
      <button class="btn ml-3" @click="setLocale('en')">en</button>
      <button class="btn ml-3" @click="setLocale('fr')">fr</button>
      <p>{{ $t('welcome') }}</p>
    </div>
  </div>
</template>

错误：

Message compilation error: Invalid token in placeholder: '"key":'
1  |  hello dear human {"key": "value"}

我的问题是，我的翻译中有一些 json 示例，我无法删除

我在配置中导入了 i18n，

modules: ["@nuxtjs/i18n"],

  i18n: {
    vueI18n: './i18n.config.ts'
  }

是否可以在翻译中使用 json？