title: How to manage text for different languages in Angular I18n
body: <p>Based on the original documentation here <a href="https://angular.io/guide/i18n" rel="nofollow noreferrer">https://angular.io/guide/i18n</a>. src/app/app.component.html will only have english text. messages.fr.xlf is the file that has french text but it's auto generated and not advisable to touch it.</p>
  
  <p>If I want to have app.component.html rendered using french text instead of english, where would I specify french messages "Bonjour" etc. ?</p>