add version number to footer

components/BaelFooter.vue

@@ -1,9 +1,7 @@
 <template>
   <footer class="fill-gray-lighter xs-text-6 md-text-5">
     <div class="r no-gap">
-      <div v-if="pagination.active"
-        class="c-12 xs-text-left xs-p2"
-      >
+      <div v-if="pagination.active" class="c-12 xs-text-left xs-p2">
         <lazy-bael-pagination :pagination="pagination" />
       </div>
       <div
@@ -54,7 +52,8 @@
       </div>
       <div class="c-12 xs-text-left xs-p2 xs-border xs-border-right-none xs-border-bottom-none">
         <div class="item xs-text-6">
-          <a href="https://github.com/jake-101/bael-template">Bael</a>, An open source design by
+          <a href="https://github.com/jake-101/bael-template">Bael</a>
+          <span class="small-txt" v-if="version">{{version}}</span>, An open source design by
           <a href="https://jake101.com">jake101</a>
         </div>
       </div>
@@ -72,6 +71,9 @@ export default {
     pagination() {
       return this.$store.state.pagination;
     },
+    version() {
+      return process.env.BAEL_VERSION || false;
+    },
     signupAboutSize: function () {
       return {
         "c-25": this.signupBoolean,
@@ -95,12 +97,20 @@ export default {
 .text-input {
   max-width: 100%;
 }
-
+.small-txt {
+  font-size: 80%;
+}
+footer .item:hover .footer__heading {
+  color: rgba(119, 119, 119, 0.6);
+  transition: 0.2s color ease-in-out;
+}
 .footer__heading {
   max-width: 100%;
+  pointer-events: none;
   color: rgba(119, 119, 119, 0.4);
   font-weight: 800;
   font-size: 85%;
+  transition: 0.1s color ease-in-out;
 }
 .pagination__button--disabled {
   pointer-events: none;

nuxt.config.js

@@ -1,4 +1,5 @@
 const siteInfo = require('./content/setup/info.json');
+const pkginfo = require('./package.json')
 const webpack = require('webpack')
 
 module.exports = {
@@ -11,6 +12,7 @@ module.exports = {
   transition: { mode: "in-out" },
   env: {
     API_URL: process.env.API_URL,
+    BAEL_VERSION: pkginfo.version
   },
   head: {
     title: siteInfo.sitename,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bael-cms-template",
-  "version": "1.0",
+  "version": "1.0 dev",
   "description": "A fashionable brutalist blog template using Netlify CMS and Nuxt.js",
   "author": "jake101 <hello@jake101.com>",
   "scripts": {