feat: add Github star button to the footer

Author: dcyou

assets/css/main.scss

@@ -132,3 +132,11 @@ ul.icons a {
   .corner-ribbon.sticky{
     position: fixed;
   }
+
+  .el-footer{
+    @media print {
+        display: none !important;
+    } 
+    margin: 0 auto;
+    padding-top: 10px;
+  }

nuxt.config.js

@@ -50,7 +50,7 @@ export default {
   /*
    ** Nuxt.js modules
    */
-  modules: [],
+  modules: ["vue-github-buttons/nuxt"],
   /*
    ** Build configuration
    */

package-lock.json

@@ -16,8 +16,9 @@
     "lintfix": "eslint --fix --ext .js,.vue --ignore-path .gitignore ."
   },
   "dependencies": {
+    "element-ui": "^2.4.11",
     "nuxt": "^2.0.0",
-    "element-ui": "^2.4.11"
+    "vue-github-buttons": "^3.1.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^8.1.0",

package.json

@@ -12,6 +12,9 @@
     <div class="corner-ribbon top-right sticky no-print" @click="print()">
       Print me
     </div>
+    <el-footer>
+      <gh-btns-star slug="dcyou/resume" />
+    </el-footer>
   </el-container>
   <!-- @sproogen thanks for inspiration -->
 </template>
@@ -25,7 +28,14 @@ import Education from "~/components/Education.vue"
 import Hobbies from "~/components/Hobbies.vue"
 
 export default {
-  components: { Header, About, Projects, Experience, Education, Hobbies },
+  components: {
+    Header,
+    About,
+    Projects,
+    Experience,
+    Education,
+    Hobbies
+  },
   data() {
     return {}
   },

pages/index.vue

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Index Default Template 1`] = `
-<section class="el-container">
+<section class="el-container is-vertical">
   <main class="el-main main-container" id="main">
     <div class="container">
       <div class="el-row">
@@ -374,5 +374,8 @@ exports[`Index Default Template 1`] = `
   <div class="corner-ribbon top-right sticky no-print">
     Print me
   </div>
+  <footer class="el-footer" style="height: 60px;">
+    <gh-btns-star slug="dcyou/resume"></gh-btns-star>
+  </footer>
 </section>
 `;