Fix translation in dev mode

[florianduros]

Regression due to #31034
If shared components dependencies are installed locally, two instance of counterparts are used (one by EW and one by shared components)

[t3chguy]

I'm not sure this is right

counterpart isn't an identifier in the global context?

whereas react is

So how is this meant to get loaded/passed to shared components?

[florianduros]

To test it, I put counterpart as a dev dependencies of a EW module using this build of shared components. I was able to load the load counterpart in the shared components in the storybook of this module

[t3chguy]

That isn't what externals/globals does though, that's just node traversing up directories and picking up ../node_modules

[florianduros]

So putting into a peer deps is enough?

[t3chguy]

In the case of where we want to use it both built and bypassing its build system like EW does, I'd imagine both should depend on it for real, then element-web's webpack just ensures there is only one copy of counterpart in its build using a resolve alias

That way all 3 permutations work:

• Install ew deps only
• Install sc deps only
• Install deps in both

[florianduros]

Okay, I made EW to resolve counterpart to the one in its node modules.