Property "$t" was accessed during render but is not defined on instance.

[osahene]

Version

3.0.7

Reproduction link

https://github.com/osahene/langtest

Steps to reproduce

I am relatively new to vue.
I use vue 3 and javascript, and so I installed vue-i18n with 'vue add i18n' command.
I then entered '{{ $t('message) }} into the 'about.vue' file.
I had an error in the browser console the 'Property "$t" was accessed during render but is not defined on instance.'

What is expected?

The locale translation message should appear (output) in the browser.

What is actually happening?

Nothing showed. The page is rather blank.

[posva]

Hi, thanks for your interest but Github issues are for bug reports and feature requests only. You can ask questions on the forum, the Discord server or StackOverflow. This questions seems to be related to vue-18n and not Vue