Can't iterate over yaml array of strings

[aidar-kz]

Reporting a bug?

I have an array of strings in en.yml file like this:

strings:
  - String 1
  - String 2
  - String 3

And I'm trying to display the array in a component using v-for:
<li v-for="string in t('strings')">{{ string }}</li>

But instead of displaying the array elements it iterates over the key and displays:
s
t
r
i
n
g
s

Expected behavior

v-for="$t('arrayOfString')" iterates over array of strings, not over the key

Reproduction

The issue is obvious and the provided information is enough to understand the problem?

System Info

"vue": "^3.1.5"
"vue-i18n": "^9.1.7"

Screenshot

Additional context

No response

Validations

• Read the Contributing Guidelines
• Read the Documentation
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion

[PeterAlfredLee]

Hi, @aidar-kz

Function t can only return a string. In your case, you should use function tm and rt, like this:

<ul>
  <li v-for="string in tm('strings')">{{ rt(string) }}</li>
</ul>

I have tested it and this can work.

See also these docs:
t
tm
rt

Hope this helps.

[aidar-kz]

Hi, @PeterAlfredLee

Thanks a lot for your help, it now works!

Best wishes!