Stuck at changing routes

resources/js/plugins/amplitude.js

@@ -28,7 +28,7 @@ function hookLogEvent (binding) {
 // Register directive to log event
 const registeredListeners = {}
 Vue.directive('track', {
-  bind (el, binding, vnode) {
+  beforeMount (el, binding, vnode) {
     registeredListeners[el] = () => {
       hookLogEvent(binding)
     }

resources/js/plugins/axios.js

@@ -1,7 +1,6 @@
 import axios from 'axios'
 import store from '~/store'
 import router from '~/router'
-import i18n from '~/plugins/i18n'
 import Cookies from 'js-cookie'
 
 function addPasswordToFormRequest (request) {

resources/js/plugins/i18n.js

@@ -1,33 +0,0 @@
-import Vue from 'vue'
-import store from '~/store'
-import VueI18n from 'vue-i18n'
-
-Vue.use(VueI18n)
-
-const i18n = new VueI18n({
-  locale: 'en',
-  messages: {}
-})
-
-/**
- * @param {String} locale
- */
-export async function loadMessages (locale) {
-  if (Object.keys(i18n.getLocaleMessage(locale)).length === 0) {
-    if (locale) {
-      const langFiles = import.meta.glob('../lang/**.json', {eager: true})
-      const messages = langFiles[`../lang/${locale}.json`]
-      i18n.setLocaleMessage(locale, messages)
-    }
-  }
-
-  if (i18n.locale !== locale) {
-    i18n.locale = locale
-  }
-}
-
-;(async function () {
-  await loadMessages(store.getters['lang/locale'])
-})()
-
-export default i18n