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>