Vue-i18n: Data interpolation within locale strings

[dwightjack]

Hi,

Does this plugin support dynamic data interpolation for locales as in projects such as Polyglot?

Something like:

Locale object:

var locales = {
  en: {
    message: {
      hello: 'total products %{num}'
    }
  }
};

Template:

<div id="message">
{{$t('message.hello', 10)}}
</div>

Rendered HTML:

<div id="message">
total products 10
</div>

Thanks in advance!

[kazupon]

There are two ways.

named formatting

locale:

var locales = {
  en: {
    message: {
      hello: 'total products {num}'
    }
  }
}

tempale:

<div id="message">
{{$t('message.hello', { num: 10 })}}
</div>

list formatting

locale:

var locales = {
  en: {
    message: {
      hello: 'total products {0}'
    }
  }
}

tempale:

<div id="message">
{{$t('message.hello', [10])}}
</div>

Sorry, poor document ;)

[dwightjack]

No problem. Sounds great!

Thank you very much!