I18n: Allow grouping labels in vocabulary

[MattiaCostamagna]

I think it would be useful to have the possibility of grouping the labels in the vocabulary in order to keep them organized.
Here's an example:

const dict = {
    en: {
        login: {
			email: 'E-mail address',
			passw: 'Password',
			submit: 'Sign in'
		},
		signup: {
			email: 'E-mail address',
			name: 'Your name',
			submit: 'Sign up'
		}
    },
    it: {
        login: {
			email: 'Indirizzo e-mail',
			passw: 'Password',
			submit: 'Accedi'
		},
		signup: {
			email: 'Indirizzo e-mail',
			name: 'Il tuo nome',
			submit: 'Registrati'
		}
    }
};

I18n.putVocabularies(dict);

Retrieving the labels could be done by calling the get function in the following way:

I18n.get('login.submit');
// or
I18n.getAll().login.submit;
// or
I18n.labels.login.submit;

I know this might result in duplicate labels (as the email field in the example above), but as I said before it'd definitely help keeping them organized.

Thank you

[ashika01]

@MattiaCostamagna : Hi, thanks for opening this feature request. Like you mentioned we may end up having duplications.

We are working our new UI system now. You can read more about this #3279 (#3279). We have basic i18n setup of transalation constants here - https://github.com/aws-amplify/amplify-js/blob/ui-components/master/packages/amplify-ui-components/src/common/Translations.ts

And probably split translations as we add more categories. Look for more updates on the RFC as we go forward.

[github-actions]

This issue has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.