Translations with multiple words don't work

[eminos]

I have a strange issue where translations that have multiple words don't load. Only single word translations load.

I'm using Vite and the new laravel-vite-plugin like this:

.use(i18nVue, {
    resolve: lang => {
        const langs = import.meta.globEager('../../lang/*.json');
        return langs[`../../lang/${lang}.json`];
    }
})

I don't like the flash of untranslated text when loading them async, so I do that instead. This part seems to work fine!

What's strange is the exported/loaded translation file looks like this:

Single word translations are set as a constants, and multi word translations are just strings.
This should still work, right?
But it doesn't for some reason.

// these translate fine
{{ $t('Search') }}
{{ $t('Filter') }}

// but these don't - and yes, they are available in the translation file
{{ $t('Confirm Password') }}
{{ $t('Price range') }}
{{ $t('Visit store') }} 

Any clue? Am I doing something wrong?

[eminos]

Hmm. I figured it out I think.
Doing this instead works:

.use(i18nVue, {
    resolve: lang => {
        const langs = import.meta.globEager('../../lang/*.json');
        return langs[`../../lang/${lang}.json`].default;
    }
})

Notice the .default

[xiCO2k]

Awesome, nice find. Any issue let me know