🌐 (app) init 18n in en and french

src/i18n.ts

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import VueI18n, { LocaleMessages } from 'vue-i18n'
+
+Vue.use(VueI18n)
+
+function loadLocaleMessages(): LocaleMessages {
+  const locales = require.context(
+    './locales',
+    true,
+    /[A-Za-z0-9-_,\s]+\.json$/i
+  )
+  const messages: LocaleMessages = {}
+  locales.keys().forEach((key) => {
+    const matched = key.match(/([A-Za-z0-9-_]+)\./i)
+    if (matched && matched.length > 1) {
+      const locale = matched[1]
+      messages[locale] = locales(key)
+    }
+  })
+  return messages
+}
+
+const lang = navigator.language
+  ?.split('-')
+  .shift()
+  ?.toLowerCase()
+
+export default new VueI18n({
+  locale: lang || 'en',
+  fallbackLocale: 'en',
+  messages: loadLocaleMessages()
+})