feat(gui-v2): shim global i18n on vue app type

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/nc-gui-v2/nuxt-shim.d.ts

@@ -1,6 +1,7 @@
-import type { NuxtApp as BaseApp } from '#app/nuxt'
-import type { Api } from 'nocodb-sdk'
 import type { RemovableRef } from '@vueuse/core'
+import type { Api } from 'nocodb-sdk'
+import type { VueI18n } from 'vue-i18n'
+import type { NuxtApp as BaseApp } from '#app/nuxt'
 import type { GlobalState } from '~/lib/types'
 
 declare module '#app/nuxt' {
@@ -14,3 +15,9 @@ declare module '#app/nuxt' {
     $state: GlobalState
   }
 }
+
+declare module 'vue' {
+  interface App {
+    i18n: VueI18n
+  }
+}

packages/nc-gui-v2/plugins/i18n.ts

@@ -48,7 +48,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     },
   })
 
-  ;(nuxtApp.vueApp as any).i18n = i18n
+  ;(nuxtApp.vueApp as any).i18n = i18n.global
 
   nuxtApp.vueApp.use(i18n)
 })

packages/nc-gui-v2/plugins/state.ts

@@ -5,7 +5,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   const storage = useGlobalState()
 
   // set initial app language to the first preferred language (found in state)
-  ;(nuxtApp.vueApp as any).i18n.global.locale.value = storage.lang.value
+  ;(nuxtApp.vueApp as any).i18n.locale.value = storage.lang.value
 
   nuxtApp.provide('state', storage)
 })