Avaliblity to set keySeperator

[zoey-kaiser]

Hello everyone!

We are using a flat JSON as our style guide. This means we avoid nested objects and separate namespaces by a .:

Our setup

{
	"one.nested": "One nested",
}

Instead of

{
	"one": {
		"nested": "One nested",
	}
}

We wanted to use some linked messages in our translation file, but sadly it looks for the object, instead of the flat translation:

{
	"one.nested": "One nested",
	"two": "Hi @:one.nested" // cannot be found, as it is searching for the object, not the flat entry
}

Key seperator

As a workaround, we defined the reused translations with an _ instead of a ., however this is not nice, breaks conventions and causes confusion.

While looking into how we can tell i18n, that we do not use objects, I stumbled across their configuration keySeperator (scroll down on this page or search for it: https://www.i18next.com/overview/configuration-options)

As per them they state it:

char to separate keys. If working with a flat JSON, it's recommended to set this to false.

Which seems like it would resolve our issue.

Questions

We use nuxt-i18n, which wraps this library and allows us to pass any configs we want to this library. After searching for a way to set the keySeperator, i was sadly left unsuccessful.

Therefore my question is, how can we set the i18n options, that are set on init, inside vue i18n or where can I disable the key seperator, so it works for our project.

Thank you so much in advance ❤️