internationalization - 如何使用 in18 和 vue.JS 将响应式数据嵌入到翻译中？

Question

我有一个小问题要问社区：是否可以将反应数据集成到 in18 提供的翻译中？

让我用错误页面的例子来解释一下：

✿ 错误.vue

<template>
  <main class="error">
    <div class="error__imposter"></div>
    <h1 class="error__headline">
      {{ $t('error.headline') }}
    </h1>
    <p class="error__content">{{ $t(`error.message_${error.statusCode}`) }}</p>
  </main>
</template>

<script>
export default {
  props: {
    error: {
      type: Object,
      default: null,
    },
  },
}
</script>

✿ _en.js

export default {
  error: {
    headline: 'Oh no! An error has occurred!',
    message_404: 'It seems that this page does not exist.',
  },
}

我想要做的是将error.statusCode数据嵌入到我的关键交易$t('error.headline')中，以便在我的页面中获取此消息：

不好了！发生错误404！

可能吗？感谢时间！