Localizing a .js file with RoR code?

Question

JavaScript

There is a regular .js file, I need localized text in it. I came up with the following:

app.js

import { locale } from './locale.js.erb';

const locale = locale( );
translated_word = locale.translated_word;

locale.js.erb

function locale() {
  return {
    translated_word: "<%= t('words.translated_word') %>"
  }
}

export { locale }

Translations as they should be defined in ru.yml, en.yml, etc. Those. i wanted to use normal rail translation by passing it to .js. However, this didn't work, and instead of translating words, I just get text like:

{ translated_word: "<%= t('words.translated_word') %>" }

Those. rail code failed. Why?

Or maybe there is a better way to do it? Provided that the file should remain .js and not be turned into .js.erb.

Answer 1

It cannot work like that. JS is compiled once during deployment, t(...) is calculated per request. Either everything related to localization should be duplicated in js code, or translations should be pulled through ajax. You can also pervert and convert yml to json at the build stage, forward them to routes and pull up the entire set of translations depending on the locale.