Let's add the French language.

• Create a new file fr.json in the fr folder in the src/lang folder.
• Now update the below code in the src/components/nav-bar.vue file. Add below code in languages object.

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

• To change default language to french? update below code in the src/i18n.js file

  createI18n({
      locale: process.env.VUE_APP_I18N_LOCALE || 'fr',
      fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'fr',
      messages: loadLocaleMessages(),
  })