feat: replace hard-coded content with i18n translation keys

This commit is contained in:
Sebin Nyshkim 2023-03-25 02:09:39 +01:00
parent 7fe9cdeef3
commit eefc4cc8d4
9 changed files with 80 additions and 272 deletions

View file

@ -15,14 +15,14 @@ defineProps<Props>();
<table class="color-table">
<thead class="color-table__head">
<tr class="color-table__row">
<th class="color-table__heading name">Body part</th>
<th class="color-table__heading value">Value</th>
<th class="color-table__heading color">Color</th>
<th class="color-table__heading name">{{ $t("data.colors.headings[0]") }}</th>
<th class="color-table__heading value">{{ $t("data.colors.headings[1]") }}</th>
<th class="color-table__heading color">{{ $t("data.colors.headings[2]") }}</th>
</tr>
</thead>
<tbody class="color-table__body">
<tr class="color-table__row" v-for="(color, idx) in colors" :key="idx">
<td class="color-table__cell name">{{ color.name }}</td>
<td class="color-table__cell name">{{ $t(color.name) }}</td>
<td class="color-table__cell value">{{ color.value }}</td>
<td
class="color-table__cell color"