New label attribute internalization with i18n

Ionic Framework Ionic Angular
1

Hello there,

I just upgraded to ionic v7 and was trying to update my code to new standards regarding using the label attribute for ion-input.

Previously I was using the ion-label tag along with i18n translations, like so:

<ion-label
  i18n="@@account-details.first-name"
>
  First name
</ion-label>
<ion-input></ion-input>

But now, since the ion-label should not be used I wonder how can I provide a translation for the label? Do I really have to define it in the components .ts file with $localize:@@account-details.first-name and use the variable inside the template like [label]="{translatedConstFromTsFile}"?

Is there any other way to use i18n attribute inside the label in the template without the need of cluttering the .ts file?

I know there is a library that provides the | translation pipe, but I don’t want to use it.