chore: Upgrade vue-i18n to 8.x (#1383)

Co-authored-by: Pranav Raj S <pranav@thoughtwoot.com>

app/javascript/packs/application.js

@@ -42,11 +42,11 @@ Vue.component('multiselect', Multiselect);
 Vue.component('woot-switch', WootSwitch);
 Vue.component('woot-wizard', WootWizard);
 
-Object.keys(i18n).forEach(lang => {
-  Vue.locale(lang, i18n[lang]);
+const i18nConfig = new VueI18n({
+  locale: 'en',
+  messages: i18n,
 });
 
-Vue.config.lang = 'en';
 sync(store, router);
 // load common helpers into js
 commonHelpers();
@@ -58,6 +58,7 @@ window.onload = () => {
   window.WOOT = new Vue({
     router,
     store,
+    i18n: i18nConfig,
     components: { App },
     template: '<App/>',
   }).$mount('#app');

app/javascript/packs/widget.js

@@ -9,9 +9,9 @@ import i18n from '../widget/i18n';
 Vue.use(VueI18n);
 Vue.use(Vuelidate);
 
-Vue.config.lang = 'en';
-Object.keys(i18n).forEach(lang => {
-  Vue.locale(lang, i18n[lang]);
+const i18nConfig = new VueI18n({
+  locale: 'en',
+  messages: i18n,
 });
 
 // Event Bus
@@ -22,6 +22,7 @@ Vue.config.productionTip = false;
 window.onload = () => {
   window.WOOT_WIDGET = new Vue({
     store,
+    i18n: i18nConfig,
     render: h => h(App),
   }).$mount('#app');