Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Access global property of i18n instance

See original GitHub issue

Hi,

is it possible to access the global property of the i18n instance for usage outside of components? I couldn’t find a way, so my current workaround is to use vue-i18n without the nuxt module and create my own plugin which exports i18n instance:

export const i18n = createI18n({
    legacy: false,
    globalInjection: true,
    locale: 'en',
    messages: {
        en,
    },
})

export default defineNuxtPlugin((nuxt) => {
    const { vueApp } = nuxt
    vueApp.use(i18n)
})

Best regards David

Issue Analytics

State:
Created a year ago
Comments:6

Top GitHub Comments

2reactions

MuhammadM1998commented, Jul 17, 2022

UPDATE: This works in dev and production

<script setup>
  definePageMeta({
    middleware: () => {
      const { vueApp } = useNuxtApp();
      const i18n = vueApp.config.globalProperties.$i18n
    },
  });
</script>

Original Answer

+1. This works in dev but breaks in production

<script setup>
  definePageMeta({
    middleware: () => {
      const { vueApp } = useNuxtApp();
      const i18n = vueApp.__VUE_I18N__.global;
    },
  });
</script>

0reactions

MuhammadM1998commented, Oct 9, 2022

@brunokunace I think the problem is due to SSR too but unfortunately I dont know how to help