Access translation through dot notation?

[gterras]

Hi, with the following translation (svelte plugin):

const en: BaseTranslation = {
	LINE: {
		FOO: 'bar'
	},
}

Is it possible to access it dynamically from a "LINE.FOO" string?

Goal is to declare base objects like

const field = {
  label: 'LINE.FOO'
}

and access it dynamically from a generic component

<script>
export let field
</script>
{$LL[field.label]()}

Thanks

[ivanhofer]

Hi @gterras you have the possibility to access it like you would do with any regular object:

$LL['LINE']['FOO']()

// or with dynamic keys
const part1 = 'LINE' as const
const part2 = 'FOO' as const
$LL[part1][part2]()

Accessing the object via a string split by . is not supported out of the box.
You would need to write a custom function in order to do that. It will probably require some additional effort if you want to keep the typesafety in place.

[gterras]

Thanks for your answer that's what I was afraid of, I'll try to find another way to inject the category or switch to flat object structure if not easily feasible since I don't want to manually handle this kind of logic.

[gterras]

That looks very clever thanks a lot I will try this shortly!

[gterras]

It works really nicely and elegantly thank you. I just couldn't figure out how to properly type the string declaration type DottedPath = ObjectKeyPaths<BaseTranslation, true, keyof BaseTranslation>

[ivanhofer]

type DottedPath = ObjectKeyPaths<Translation> should be enough

[gterras]

That's perfect thank you!

[ivanhofer]

you're welcome