fix: Allow multiple occurrences replacements

Author: xiCO2k

src/index.ts

@@ -385,9 +385,9 @@ export class I18n {
       value = value.toString()
 
       message = message
-        .replace(`:${key}`, value)
-        .replace(`:${key.toUpperCase()}`, value.toUpperCase())
-        .replace(`:${capitalize(key)}`, capitalize(value))
+        .replace(new RegExp(`:${key}`, 'g'), value)
+        .replace(new RegExp(`:${key.toUpperCase()}`, 'g'), value.toUpperCase())
+        .replace(new RegExp(`:${capitalize(key)}`, 'g'), capitalize(value))
     })
 
     return message

test/fixtures/lang/pt.json

@@ -1,6 +1,7 @@
 {
     "Welcome!": "Bem-vindo!",
     "Welcome, :name!": "Bem-vindo, :name!",
+    "hi :name, hi :name": "olá :name, olá :name",
     "{1} :count minute ago|[2,*] :count minutes ago": "{1} há :count minuto|[2,*] há :count minutos",
     "foo.bar": "baz",
     "Start/end": "Início/Fim",

test/translate.test.ts

@@ -61,13 +61,26 @@ it('translates key with values with $t mixin', async () => {
   expect(wrapper.html()).toBe('<h1>Bem-vindo, Francisco!</h1>')
 })
 
+it('replaces multiple occurrences with $t mixin', async () => {
+  const wrapper = await global.mountPlugin(`<h1>{{ $t('hi :name, hi :name', { name: 'Francisco' }) }}</h1>`);
+
+    expect(wrapper.html()).toBe('<h1>olá Francisco, olá Francisco</h1>')
+})
+
 it('translates key with values with "trans" helper', async () => {
   await global.mountPlugin();
 
   expect(trans('Welcome, :name!', { name: 'Francisco' }))
     .toBe('Bem-vindo, Francisco!')
 })
 
+it('replaces multiple occurrences with "trans" helper', async () => {
+  await global.mountPlugin();
+
+  expect(trans('hi :name, hi :name', { name: 'Francisco' }))
+    .toBe('olá Francisco, olá Francisco')
+})
+
 it('loads a lang', async () => {
   const wrapper = await global.mountPlugin(`<h1>{{ $t('Welcome, :name!', { name: 'Francisco' }) }}</h1>`, 'en');
 
@@ -204,4 +217,4 @@ it('does not translate existing strings which contain delimiter symbols', async
 
   expect(trans('Start/end')).toBe('Início/Fim');
   expect(trans('Get started.')).toBe('Comece.');
-})
+})