Let's add the French language.

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

  import fr from "@assets/images/flags/fr.svg"    
  {
      flag: fr,
      language: "fr",
      title: "french",
  }

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

  const i18n = createI18n({
      locale:  locale || "en",
      fallbackLocale: "en",
      messages: messages
  });