Multi Language Settings

i18n Language translation settings
How to add new language?

Let's add German language in the existing language.

  1. Create a new file src/lang/gr.json
  2. add translation text in gr.json file

    
    {
        "Menu": "Speisekarte",
    }
    
  3. Now add the new option of German language in the topbar language dropdown menu src/common/data/languages.js and you can also add language image in src/assets/images/flags folder.
    
    import flaggermany from "../../assets/images/flags/germany.jpg";
    
    {
        label: "German",
        flag: flaggermany,
        value: 'gr'
    },
    
  4. if you want to change deafult language as germen. update below code in src/routes/+layout.svelte
    
    import gr from '../lang/gr.json';
    addMessages('gr', gr);
    init({
        initialLocale: "gr"
    });
    
© Skote.
© Skote.