$t is not a function

Hello,

sorry to post this here, i know it’s not the right place but 2 days and i can’t solve my issue. When i use $t like this <h1>{{ $t('home.welcome') }}</h1> in component or child component, i have Uncaught TypeError: _ctx.$t is not a function. Can you explain to me, please ?

Thank you !

“vue”: “^3.0.0” “vue-i18n”: “^9.0.0”

import { createI18n } from 'vue-i18n'
import en from './locales/en.json'
import ja from './locales/ja.json'
export default createI18n({
  legacy: false,
  locale: "en",
  messages: { en, ja }
})

import i18n from './i18n'
const app = createApp(AppVue)
app.use(i18n)
app.mount('#app')

[danielpetrica]

Hi it looks to me that that it could be the same issue I’ve encountered in the past, check if this solution solves it for you https://github.com/intlify/vue-i18n-next/issues/350#issuecomment-782007971

Sorry if I’m not explaining it better but I’m on mobile.

[kazupon]

Thank you for your feedback!

sorry to post this here, i know it’s not the right place but 2 days and i can’t solve my issue.

Sorry for the Vue I18n docs wasted your time with their unfriendly documentation.

For me, your code looks like it’s using the Composition API. You need to specify globalInjection option to createI18n function if you can use Implicitly the function prefixed with $. 😃 https://vue-i18n.intlify.dev/guide/advanced/composition.html#implicit-with-injected-properties-and-functions