How would you go about having conditional links based on your localization?

We have several domains that we have our app on, like XXX.ie, XXX.nl, XXX.be.

Currently we have .env files and we set our links based on them but they’re hardcoded (like XXX.ie only)

A regular link on a component looks something like this:
:href="${SHOP_LOGIN_URL}product/${unit.item.id}/"
and SHOP_LOGIN_URL points to the hardcoded url.

How should I make it dynamic? Is creating separate .env files for every domain that keeps the hardcoded urls a good practice? Or is there a better way?