Как включить ссылку в текст nuxt-i18n - PullRequest
Новая
       34

Как включить ссылку в текст nuxt-i18n

1 голос
/ 21 февраля 2020

Я пытаюсь использовать модуль 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, но у меня было много ошибок.

Может кто-нибудь привести пример, как это решить?

1 Ответ

1 голос
/ 09 марта 2020

Я решил свою проблему, поэтому хочу поделиться, если кто-то столкнется с тем же. Чтобы лучше понять, вы можете прочитать следующую ссылку о компонентной интерполяции . 

    <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',

}

...