title: Where to put the language translation definition in module based JavaScript architecture?
body: <p>At the moment I have constructs like this.</p>
  
  <pre><code>id: data[i].id,
  headers: ["Även åsnor", "försöker på engelska"],
  columns: {
    userName: data[i].firstName + " " + data[i].lastName,
    finishOn: data[i].finishOn !== null 
      ? data[i].finishOn 
      : "pågår..."
    }
  </code></pre>
  
  <p>I want the construct above to be remodeled similarly to this.</p>
  
  <pre><code>id: data[i].id,
  headers: [Lang.userName, Lang.completedOn],
  columns: {
    userName: data[i].firstName + " " + data[i].lastName,
    finishOn: data[i].finishOn !== null 
      ? data[i].finishOn 
      : Lang.holdYourPonnies
    }
  </code></pre>
  
  <p>Then, I could put all the language fields in a separate module and keep them there. I've never done that in JavaScript and I have concerns in that regard.</p>
  
  <ul>
  <li>Do I need a separate language module for each module that imports it?</li>
  <li>Or should I have a single language module and import it multiple times, once for each module that needs language?</li>
  <li>Or is there a way to import it in the root module and make it available to everybody in the tree?</li>
  </ul>