fix(guide.ts): rtpl.render every innerHTML

Author: vincentha766

src/guide/guide.ts

@@ -50,17 +50,17 @@ export class GuideManager {
     }
 
     private setHeader(headerElement: HTMLElement) {
-        this.mainDOM.querySelector('#contentBlock .header').innerHTML = ''
+        this.mainDOM.querySelector('#contentBlock .header').innerHTML = rtpl.render(' ', null)
         this.mainDOM.querySelector('#contentBlock .header').appendChild(headerElement)
     }
 
     private setFooter(footerElement: HTMLElement) {
-        this.mainDOM.querySelector('#contentBlock .footer').innerHTML = ''
+        this.mainDOM.querySelector('#contentBlock .footer').innerHTML = rtpl.render(' ', null)
         this.mainDOM.querySelector('#contentBlock .footer').appendChild(footerElement)
     }
 
     private setBody(bodyElement: HTMLElement) {
-        this.mainDOM.querySelector('#contentBlock .body').innerHTML = ''
+        this.mainDOM.querySelector('#contentBlock .body').innerHTML = rtpl.render(' ', null)
         this.mainDOM.querySelector('#contentBlock .body').appendChild(bodyElement)
     }
 

src/option/routerManager.ts

@@ -6,6 +6,7 @@ import AboutUsPages from './component/aboutUs'
 import { TOptionsType } from './component/userAside'
 import { IBaseHTMLPages } from './component/types'
 import { get as getCoreConfig, set as setCoreConfig } from '../core/config'
+import rtpl from 'art-template/lib/template-web.js'
 
 export default class RouterManager {
     private static ID: string = 'routerAside'
@@ -18,7 +19,7 @@ export default class RouterManager {
 
     constructor() {
         this.mainDOM.id = RouterManager.ID
-        this.mainDOM.innerHTML = '<div />'
+        this.mainDOM.innerHTML = rtpl.render('<div />')
     }
 
     public async renderByType(type: TOptionsType): Promise<void> {