Multi Language

Multi Language Settings

Let's add the French language.
  • Create a new file fr.json in the resources/js/lang folder and copy the en.json file code in this file.
  • Now you need to add the language in the resources/js/Component/nav-bar.vue file. In the language array add the data as below code and make sure to add the french.jpg file in the resources/images/flags folder.
    import french_flag from "@assets/images/flags/french.svg";
    {
        flag: french_flag,
        language: "fr",
        title: "French",    
    }
  • You can simply use $t in the HTML to convert the language text. Example: <div> {{ $t("t-dashboard") }} </div>
© Velzon.
Design & Develop by Themesbrand