Nested objects for scope

[mackelito]

In feature libraries I load translations like this:

export const loginFeatureRoutes: Route[] = [
  {
    path: '',
    providers: [
      provideTranslocoScope({
        scope: 'login-feature',
        alias: 'login',
        loader,
      }),
    ],
  },
];

And ths strucure of my en.json is

{
  "login-feature": {
    "header": "Hey!"
  },
}

it would be nice if I could pass like a nested scope

{
  "login": {
    "feature" : {
	    "header": "Hey!"
	},
	"errors": {
		"not-allowed": "Nope, you should not be here"
	}
  },
}

// then use it like this in feature component:
    provideTranslocoScope({
      scope: 'login.feature', <---
      alias: 'login', <---
      loader,
    }),

// then use it like this in error component:
    provideTranslocoScope({
      scope: 'login.error', <---
      alias: 'error', <---
      loader,
    }),

[shaharkazaz]

You can still load the root scope and use the prefix property to get this behavior.
The scope's responsibility is for an entire translation file.