Interpolation

Interpolate Values

There may be situations where you must interpolate a value inside your translations, for example, a dynamic number. You could declare 2 translations and use them with that number, but this is not an elegant solution.

To declare a value that will be interpolated in your translations, simply give it a name surrounded by {{ }}:

{
  "click_count": "You clicked {{ count }} times"
}

Interpolate Components

There may also be situations where you want to wrap part of your translation into a component, for example, to highlight it.

You can declare a component with HTML-like syntax:

{
  "highlight_me": "highlight <b>me</b>"
}

Use both

You can mix them both without a problem:

{
  "click_count": "You clicked <b>{{ count }}</b> times"
}

Values Names.

Values names must follow the same rules as keys.