refactor: CHeader, CFooter changes

- add tag prop,
- add colorScheme prop to CHeader
- update typings

Author: woothu

src/components/Footer/CFooter.vue

@@ -1,13 +1,17 @@
 <template>
-  <footer :class="classList">
+  <component :is="tag" :class="classList">
     <slot>Footer</slot>
-  </footer>
+  </component>
 </template>
 
 <script>
 export default {
   name: 'CFooter',
   props: {
+    tag: {
+      type: String,
+      default: 'footer'
+    },
     fixed: Boolean
   },
   computed: {

src/components/Header/CHeader.vue

@@ -1,20 +1,29 @@
 <template>
-  <header :class="classList">
+  <component :is="tag" :class="classList">
     <slot></slot>
-  </header>
+  </component>
 </template>
 
 <script>
 export default {
   name: 'CHeader',
   props: {
+    tag: {
+      type: String,
+      default: 'header'
+    },
+    colorScheme: {
+      type: String,
+      default: 'light'
+    },
     fixed: Boolean,
     withSubheader: Boolean
   },
   computed: {
     classList () {
       return [
-        'c-header c-header-light',
+        'c-header',
+        `c-header-${this.colorScheme}`,
         { 
           'c-header-fixed': this.fixed,
           'c-header-with-subheader': this.withSubheader

src/components/index.d.ts

@@ -165,6 +165,7 @@ export declare class CEmbed extends Vue {
 }
 
 export declare class CFooter extends Vue {
+  tag: string
   fixed: boolean
 }
 
@@ -296,6 +297,9 @@ export declare class CRow extends Vue {
 
 export declare class CHeader extends Vue {
   fixed: boolean
+  tag: string
+  colorScheme: string
+  withSubheader: boolean
 }
 
 export declare class CImg extends Vue {