linked message translates the translated message

vue & vue-i18n version

2.5.17, 8.4.0

I dont know if it is the expected behavior the linked message translates the translated message

Reproduction

{
  "hello": "Hello {name}",
  "linkedHello": "@:hello"
}

<p>{{ $t('hello', { name: 'World {text}' }) }}</p> - good <p>{{ $t('hello', { name: 'World {text}', text: 'something' }) }}</p> - good

<p>{{ $t('linkedHello', { name: 'World {text}' }) }}</p> - bad <p>{{ $t('linkedHello', { name: 'World {text}', text: 'something' }) }}</p> - bad

What is Expected?

<p>Hello World {text}</p>

What is actually happening?

<p>Hello World {text}</p> - good <p>Hello World {text}</p> - good

<p>Hello World </p> - bad <p>Hello World something</p> - bad

[exoego]

how can I test if my changes fix the issue

Refer development setup. https://github.com/kazupon/vue-i18n/blob/dev/CONTRIBUTING.md#development-setup

It tells how to setup test environment and how to run tests.

how can i re-build vue with my changes and import to my web page ?

Do you mean: you want to test new changes added to vue-i18n (not vue) on your web page?

1. npm run build
2. Find the new vue-i18n.js built in dist directory.
3. Upload it to your web page and test manually.

But you don’t need to do so. vue-i18n has end-2-end test which runs tests on web browser using Selenium. If you add new tests (and maybe updating existing tests), Selenium runs tests on browsers automatically.

[kimuraz]

@gurungrahul2 I migth have something on my old attempt…

https://github.com/kimuraz/vue-i18n/commit/e3c11c019f367c4040f2fbed822465312756c9c9