Make sure to import the type 'BaseTranslation' from the generated 'i18n-types.ts' file.

[notflip]

I'm running a project based on the documentation on the vue-adapter.
I've got these 2 language files

/src/i18n/nl/index.ts

import type { BaseTranslation } from '@/i18n/i18n-types'

const nl: BaseTranslation = {
    HI: 'Hallo Wereld',
}

export default nl

and /src/i18n/en/index.ts

import type { Translation } from '@/i18n/i18n-types'

const en: Translation = {
    HI: 'Hello World',
}

export default en

The plugin is initialised in main.ts

import { i18nPlugin } from '@/i18n/i18n-vue'

const app = createApp(App)
app.use(i18nPlugin, 'nl')

My watcher keeps telling me:
[typesafe-i18n] ERROR: in 'en' Make sure to import the type 'BaseTranslation' from the generated 'i18n-types.ts' file.

Any idea if I'm missing anything?

[ivanhofer]

You must import the types BaseTranslation and Translation via a relative path. This is a limitation due to TypeScript needing to resolve all imports in a locale folder.