Added translation key for header description

loc/en_GB.ts

@@ -6,6 +6,7 @@ export const en_GB = {
     language_code: 'en_GB',
     translations: {
         something_went_wrong: 'Something unexpectedly went wrong',
+        description: 'A tool to convert 3D models into Minecraft formats such as .schematic, .litematic, .schem and .nbt.',
         init: {
             initialising: 'Initialising...',
             ready: 'Ready',

loc/fr_FR.ts

@@ -2,7 +2,9 @@
 // LeGrandGeek
 // 0-zen
 
-export const fr_FR = {
+import { TLocaleDefinition } from './base';
+
+export const fr_FR: TLocaleDefinition = {
     display_name: 'Français',
     language_code: 'fr_FR',
     translations: {

loc/zh_CN.ts

@@ -1,7 +1,9 @@
 // Credits:
 // KatMelon
 
-export const zh_CN = {
+import { TLocaleDefinition } from './base';
+
+export const zh_CN: TLocaleDefinition = {
     display_name: '简体中文',
     language_code: 'zh_CN',
     translations: {

src/ui/components/header.ts

@@ -1,5 +1,7 @@
 import IMAGE_LOGO from '../../../res/static/icon.png';
 import { AppConfig } from '../../config';
+import { LOC } from '../../localiser';
+import { UIUtil } from '../../util/ui_util';
 import { AppIcons } from '../icons';
 import { BaseComponent } from './base';
 import { ToolbarItemComponent } from './toolbar_item';
@@ -63,13 +65,17 @@ export class HeaderComponent extends BaseComponent<HTMLDivElement> {
                 </div>
             </div>
             <div class="col-container header-cols">
-                <div class="col-container" style="padding-top: 5px;">
-                    A tool to convert 3D models into Minecraft formats such as .schematic, .litematic, .schem and .nbt.
+                <div class="col-container" style="padding-top: 5px;" id="header-desc">
+                    ${LOC('description')}
                 </div>
             </div>
         `;
     }
 
+    public refresh() {
+        UIUtil.getElementById('header-desc').innerText = LOC('description');
+    }
+
     public override registerEvents(): void {
         this._githubButton.registerEvents();
         this._bugButton.registerEvents();

src/ui/layout.ts

@@ -642,6 +642,8 @@ export class UI {
     }
 
     private _handleLanguageChange() {
+        HeaderComponent.Get.refresh();
+
         for (let i = 0; i < EAction.MAX; ++i) {
             const group = this._getGroup(i);
             const header = UIUtil.getElementById(`component_header_${group.id}`);