How to imports messages from packages

[GMartigny]

Hi,

I have multiple frontend project with the same common trunk holding shared configuration, components and such ...
This shared package is imported as dependency in each project.

I'm having trouble correctly importing localization messages from this package.

I've tried to dynamic imports with lazy loading, but couldn't find a working solution.
Most of my issues are from the fact that vue-i18n tries to import translations in client-side also.

node_modules/@my-org/shared/i18n/en/common.json

{
  "validate-cta": "Click here to validate"
}

src/i18n/en/common.json

{
  "title": "My first project"
}

expected object

{
  "validate-cta": "Click here to validate"
  "title": "My first project"
}

[GMartigny]

I've tried the Extending messages hook solution, but it doesn't work when srcDir option is not the root of the project.

The module is trying to load files located at /home/my-project/src/node_modules/my-module/i18n/... (note the src before node_modules