1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
---
layout: default
title: Translations
parent: How-to guide
---
# Translations
To use `I18n` translations, add a sidecar YAML file:
```yml
# app/components/example_component.yml
en:
hello: "Hello world!"
```
Translations can also be defined in per-locale files:
```yml
# app/components/example_component.en.yml
en:
hello: "Hello world!"
# app/components/example_component.fr.yml
fr:
hello: "Bonjour le monde !"
```
These files can be automatically generated by the component generator when the `--locale` flag is specified.
Access component-local translations with a leading dot:
```erb
<%# app/components/example_component.html.erb %>
<%= t(".hello") %>
```
Global Rails translations are available as well:
```erb
<%# app/components/example_component.html.erb %>
<%= t("my.global.translation") %>
```
Access global translations via `helpers` or `I18n`:
```erb
<%# app/components/example_component.html.erb %>
<%= helpers.t("hello") %>
<%= I18n.t("hello") %>
```
|
