Formatting

Named formatting

Locale messages:

const messages = {
    "en-UK":{
        welcome:"Welcome, {name}!",
    }
}

Template

<p>{{ $t('welcome', { name: 'Ricea' }) }}</p>

Output:

<p>Welcome, Ricea</p>

List formatting

Locale messages:

const messages = {
    "en-UK":{
        welcome:"Welcome, {0}!",
    },
}

Template

<p>{{ $t('welcome', [ 'Ricea' ] }}</p>

Output

<p>Welcome, Ricea</p>

Parameters

const messages = {
    "en-UK":{
        name : "{name}"
        welcome:"Welcome, @name@!",
    },
}

Template

<p>{{ $t('welcome', { name: 'Ricea' }) }}</p>

Output

<p>Welcome, Ricea</p>