O'Reilly logo

Hands-On Full Stack Web Development with Aurelia by Erikson Haziz Murrugarra Sifuentes, Diego Jose Arguelles Rojas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Configuring and defining our first translation files

Our application is ready to start using the i18n framework. There are some steps to get ready with the plugin, so let's explore them.

The first thing we need is to locate our index.html file. This should be located in our main root application folder. Ensure that your <body> section is the same as the following:

 <body aurelia-app="main">
      /* Some content */
 </body>
If you are a Webpack user, locate the index.js file instead of index.html.

Then, in your root app location, create a folder called locales. It will be used to store all your location files. Create one folder per language you want to support. Then, inside each folder, create a file called translation.json. This file will contain ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required