Let's add the French language.

• Create a new file fr.json in the src/lang folder and copy the en.json file code in this file.
• Now you need to add the language in the src/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 src/assets/images/flags folder.

  {
      flag: require("@/assets/images/flags/french.svg"),
      language: "fr",
      title: "French",    
  }

• You can simply use $t in the HTML to convert the language text. Example: <div> {{ $t("t-dashboard") }} </div>