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.

[neriyaco]

This is a little bit late. but I made a patch which let you configure paths in your tsconfig.json file and it will resolve to the correct file.

You can use it with patch-package

File name: patches/typesafe-i18n+5.26.2.patch

diff --git a/node_modules/typesafe-i18n/cli/typesafe-i18n.mjs b/node_modules/typesafe-i18n/cli/typesafe-i18n.mjs
index cbf5271..0dfc4fa 100644
--- a/node_modules/typesafe-i18n/cli/typesafe-i18n.mjs
+++ b/node_modules/typesafe-i18n/cli/typesafe-i18n.mjs
@@ -22855,14 +22855,31 @@ See the example in the official docs: https://github.com/ivanhofer/typesafe-i18n
   }
   return "";
 };
+var readPathsFromTsConfig = async (path) => {
+  const tsConfig = await read(path, "utf-8").then((res) => {
+    return JSON.parse(res);
+  });
+  const paths = {};
+  if (tsConfig.compilerOptions && tsConfig.compilerOptions.paths) {
+    Object.assign(paths, tsConfig.compilerOptions.paths);
+  }
+  if (tsConfig.references) {
+    for (const reference of tsConfig.references) {
+      Object.assign(paths, (await readPathsFromTsConfig(reference.path)));
+    }
+  }
+  return paths;
+};
 var transpileTypescriptFiles = async (outputPath, outputFormat2, languageFilePath, locale, tempPath, typesFileName) => {
+  const paths = await readPathsFromTsConfig("./tsconfig.json");
   const program3 = ts.createProgram([languageFilePath], {
     outDir: tempPath,
     allowJs: true,
     resolveJsonModule: true,
     skipLibCheck: true,
     sourceMap: false,
-    noLib: true
+    noLib: true,
+    paths: paths
   });
   program3.emit();
   const baseTranslationPath = await detectLocationOfCompiledBaseTranslation(

Note: You can't have comments in the tsconfig file, it has to be a valid JSON