Best way to stub/mock Vue-i18n for a Vue3 component unit test?

[MacArmstrong]

I am using this library to translate text within my components: vue-i18n

How do I stub/mock the translation library in Vitest to prevent this error: ReferenceError: t is not defined?

Here is a list of some notable package versions:

"vue": "^3.2.31",
"vue-i18n": "^9.2.0-beta.14",
"vite": "^2.9.0",
"vitest": "^0.10.2"

Thanks!

[sheremet-va]

You can do this:

import { config } from '@vue/test-utils'
config.global.mocks ??= {}
config.global.mocks.t = (str) => str

[MacArmstrong]

This is the code I wrote:

import Component from './Component.vue'
import { shallowMount, config } from '@vue/test-utils'

config.global.mocks ??= {}
config.global.mocks.t = (str: string) => str

describe('Component', () => {
  const wrapper = shallowMount(Component)

  test('Component Renders', () => {
    expect(wrapper.exists()).toBeTruthy()
  })
})

Still got an error:

ReferenceError: t is not defined
 ❯ Module.pt node_modules/vue-i18n/dist/vue-i18n.esm-browser.prod.js:6:39505