如何在nuxt-i18n文本中包含链接

Question

我试图使用nuxt-I18n模块进行本地化。我安装了"nuxt-i18n": "^6.4.1"

在我的nuxt.config.js里，我也有一个休整

    modules: [
        [
            'nuxt-i18n',
            {
                defaultLocale: 'en',
                lazy: true,
                langDir: 'locales/',
                locales: [
                    {
                        code: 'mk',
                        name: 'Македонски',
                        file: 'mk.js',
                    },
                    {
                        code: 'en',
                        name: 'English',
                        file: 'en.js',
                    },
                ],
            },
        ],
    ],

我还创建了文件夹locale，在其中我有我写本地化的2个文件。大部分的文本在我的项目是简单的，所以我做得很好，这个设置。然而，我最终遇到了一个问题。我有一个文本段落，里面有一个链接，内容如下：

<p>Lorem ipsum <a href="#"> This is link </a> dolor sit amet. </p>

我试图用i18n提供的组件来解决这个问题，但是我有很多错误。

有人能给我举个例子来解决这个问题吗？

Answer 1

我解决了我的问题，所以我想要分享，如果有人面临同样的情况。要更好地理解，您可以阅读有关分量插值的休闲链接。

    <i18n path="text" tag="p">
        <template v-slot:link>
            <a>{{ $t('link') }}</a>
        </template>
    </i18n

我的地点看起来是：

en: {
   text: 'You can check {link} for more details.',
   link: 'component interpolation',

}