Locale settings from JSON not being applied

Technical Q&A
1

I’m translating text for a different market and I’m updating the locale.json file.

Inside the en.default.json file I got the following:

"texts": {
  "selectColor": "Which color do you prefer?"
}

which I’m then referencing in my in a .liquid file as:

{{ "texts.selectColor" | t }}

I’m also trying to have a local translation for that value inside my bg-BG.json file:

"texts": {
 "selectColor": "TRANSLATION VALUE HERE"
}

However, when I go to a local URL on our website, e.g website.com/bg-bg/my-page

I still see the english value (“Which color do you prefer”) and not the translated value. What am I missing?