<NME> about.component.ts
<BEF> import {Component, OnInit} from '@angular/core'
import * as packageJson from '../../../../../../package.json'

@Component({
    selector: 'mindmapp-about',
    selector: 'mindmapp-about',
    templateUrl: './about.component.html',
})
export class AboutComponent implements OnInit {

    public currentYear: string
    public projectAuthor: string
    public projectRepositoryUrl: string

    constructor () {
    }

    public ngOnInit () {
        this.projectRepositoryUrl = packageJson.repository.url
        this.projectAuthor = packageJson.author.name
        this.currentYear = new Date().getFullYear().toString()
    }

    public slide (selector: string, event: Event) {
        if (selector) {
            event.preventDefault()

            window.document.querySelector(selector).scrollIntoView({
                behavior: 'smooth'
            })
        }
    }

}

    constructor () {
    }

    public ngOnInit () {
    }

}

<MSG> [feat] create about footer component

<DFF> @@ -1,5 +1,4 @@
 import {Component, OnInit} from '@angular/core'
-import * as packageJson from '../../../../../../package.json'
 
 @Component({
     selector: 'mindmapp-about',
@@ -8,27 +7,10 @@ import * as packageJson from '../../../../../../package.json'
 })
 export class AboutComponent implements OnInit {
 
-    public currentYear: string
-    public projectAuthor: string
-    public projectRepositoryUrl: string
-
     constructor () {
     }
 
     public ngOnInit () {
-        this.projectRepositoryUrl = packageJson.repository.url
-        this.projectAuthor = packageJson.author.name
-        this.currentYear = new Date().getFullYear().toString()
-    }
-
-    public slide (selector: string, event: Event) {
-        if (selector) {
-            event.preventDefault()
-
-            window.document.querySelector(selector).scrollIntoView({
-                behavior: 'smooth'
-            })
-        }
     }
 
 }

[feat] create about footer component