docs: update layout

Author: mrholek

packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue

@@ -1,9 +1,9 @@
 <template>
-  <CAlert color="light" class="d-flex justify-content-center rounded-0 border-bottom mb-0">
+  <CAlert color="light" class="d-flex align-items-baseline justify-content-center rounded-0 border-bottom mb-0">
     <span class="me-3">
       If you like this project and want to help us, please give us a star ⭐️ on Github. ➡️
     </span>
-    <github-button href="https://github.com/coreui/coreui-vue" data-size="large" aria-label="Star coreui/coreui-vue on GitHub">Star</github-button>
+    <CButton color="dark" component="a" href="https://github.com/coreui/coreui-vue" size="sm" target="_blank" variant="outline"><CIcon icon="cib-github" /> Star</CButton>
     <span class="ms-3">🙏</span>
   </CAlert>
   <CHeader class="mb-5 elevation-0 border-bottom" position="sticky">
@@ -37,13 +37,9 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import GithubButton from 'vue-github-button'
 
 export default defineComponent({
   name: 'Header',
-  components: {
-    GithubButton
-  },
   emits: ['toggle-sidebar'],
 })
 </script>

packages/docs/package.json

@@ -2,7 +2,7 @@
   "name": "@coreui/vue-docs",
   "version": "4.2.0",
   "config": {
-    "version_short": "4.1"
+    "version_short": "4.2"
   },
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
@@ -19,7 +19,6 @@
     "@vuepress/plugin-toc": "^2.0.0-beta.38",
     "markdown-it-include": "^2.0.0",
     "vue-docgen-cli": "^4.44.23",
-    "vue-github-button": "^3.0.1",
     "vuepress": "^2.0.0-beta.38"
   }
 }