1. import { Prop } from "@stencil/core";
2. import { messages} from '../../globals/locale/account-request/messagesLocalization';
3.  
4. export class BaseComponent {
5.     readonly defaultLocale = 'en';
6.     langStrings: string[];
7.     @Prop() locale = this.defaultLocale;
8.  
9.     componentWillLoad(): void {
10.         this.loadMessages();
11.     }
12.  
13.     private loadMessages():void {
14.         const allLocales = Object.keys(messages);
15.         let locale = this.locale;
16.         if (!allLocales.includes(this.locale)) {
17.             console.warn(`${this.locale} is not supported. Will default to ${this.defaultLocale}`);
18.             locale = this.defaultLocale;
19.         }
20.         this.langStrings = messages[locale];
21.     }
22. }