'__VLS_ctx.$t' is of type 'unknown' - $t problem

[maykeloo]

Setup:

"@vueuse/core": "^10.0.2",
"vue-i18n": "^9.3.0-beta.17"
"nuxt": "^3.6.1",

From the beggining.

I am taking over a post-migration Nuxt project (2.15 -> 3+) in which each component is imported manually. I wanted to change this, but my components that were auto-imported were not recognised by Nuxt. They were getting the error
(property) ComponentName: unknown, and were not being highlighted. The problem was this "types" property in ts.config.
"types": ["@nuxt/types", "@nuxtjs/i18n"].

The project is configured with vue-i18n:

import { createI18n, I18nOptions } from 'vue-i18n'

export default defineNuxtPlugin(({ vueApp }) => {
  const i18n = createI18n({
    legacy: false,
    globalInjection: true,
    locale: 'pl',
    messages: {
      pl: PL,
    },
    defaultLocale: 'pl',
    fallbackLocale: 'pl',
    datetimeFormats,
    numberFormats,
  })

  vueApp.use(i18n)
})

But as you can see, there is "@nuxtjs/i18n" in "types" in ts.config which is also implemented in the project, but it is not used anywhere, except that we have its types in "types".

When I remove the "types" property, the auto-import of the components works correctly, they highlight, its props are displayed, etc. And that is OK, that is what I wanted.

BUT...

When I uninstalled"@nuxtjs/i18n" which is not used anyway, my $t in <template> throws the error '__VLS_ctx.$t' is of type 'unknown'.ts(18046). So the only problem remains vue-i18n which is implemented according to Vue-i18n - Nuxt 3