diff --git a/packages/nc-gui-v2/nuxt-shim.d.ts b/packages/nc-gui-v2/nuxt-shim.d.ts index 438dbb265a..a6d20f4401 100644 --- a/packages/nc-gui-v2/nuxt-shim.d.ts +++ b/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 + } +} diff --git a/packages/nc-gui-v2/plugins/i18n.ts b/packages/nc-gui-v2/plugins/i18n.ts index 23979c5add..ccbb47097d 100644 --- a/packages/nc-gui-v2/plugins/i18n.ts +++ b/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) }) diff --git a/packages/nc-gui-v2/plugins/state.ts b/packages/nc-gui-v2/plugins/state.ts index 1fdc9eb512..272c797f85 100644 --- a/packages/nc-gui-v2/plugins/state.ts +++ b/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) })