Multi Language

Multi Language Settings

Let's add the French language.

Create a new file fr.json in the fr folder in the assets/lang folder and copy the en.json file code in this file.
Now you need to add the language in the assets/js/app.js file. In the function setLanguage, add the "Switch case" condition as below code and make sure to add the french.jpg file in the assets/images/flags folder.
```
case "fr":
    document.getElementById("header-lang-img").src = "assets/images/flags/french.jpg";
    break;
```
You can simply use key attributes in the HTML tag to convert the language text. Example: <div data-key="t-title">This is title.</div>

Add the below dropdown in the templates/layouts/_topbar.html.twig file in the language dropdown.

<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="fr" title="French">
    <img src="assets/images/flags/french.jpg" alt="user-image" class="me-2 rounded" height="18">
    <span class="align-middle">French</span>
</a>

Note: After completing above steps you have to need execute this yarn run build command from the project root directory, after then completing it command execution now you need to run the command symfony server:start . It will serve your app on the localhost with new changes.