Inconsistent behaviour with $te and $t regarding nested message notation about vue-i18n-next HOT 2 CLOSED

Hi @Lehren,

there are two things i figured out:

1. $te is checking in the default 'en-US' locale where no translation is defined. Similarly, $t also checks 'en-US' but will use the fallback 'en' if no translation is found. To resolve this, you could set the locale to 'en'
2. Additionally, $te won't work with the flat key annotation like "example.message" unless you set flatJson to true. So the resulting snippet is:

const i18n = createI18n({
  locale: "en",
  flatJson: true,
  messages: {
    en: {
      "example.message": "Example message",
    },
  },
});

Hope that helps!

from vue-i18n-next.

Thank you for your reporting!

As already mentioned, If you want to use keys in object path format, you must specify flatJson: true to createI18n. That will flatten the message inside vue-i18n.

Thanks

from vue-i18n-next.