read version from package.json

mort3za · Jun 29, 2019 · b1b9fdf · b1b9fdf
1 parent e90a6f7
commit b1b9fdf
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 5 deletions.
diff --git a/src/store/index.ts b/src/store/index.ts
@@ -10,6 +10,7 @@ Vue.use(Vuex);
 
 const store = new Vuex.Store({
   state: {
+    appVersion: JSON.parse(unescape(process.env.APP_VERSION)),
     diceResult: null,
     gameStatus: GameStatus.NOT_STARTED,
     boardStatus: BoardStatus.INITIALIZING,
@@ -55,6 +56,9 @@ const store = new Vuex.Store({
     },
     boardWidth(state) {
       return state.boardWidth;
+    },
+    appVersion(state) {
+      return state.appVersion
     }
   },
   modules: {

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -12,16 +12,22 @@
       </div>
     </div>
     <footer>
-      <small>version: 1.0.0-alpha.2</small>
+      <small>version: {{appVersion}}</small>
     </footer>
   </div>
 </template>
 
-<script>
+<script lang="ts">
+import { Vue, Component } from "vue-property-decorator";
+import store from '@/store/index.ts';
 import Board from "@/components/Board.vue";
-export default {
-  name: "page-home"
-};
+
+@Component
+export default class HomeComponent extends Vue {
+  get appVersion() {
+    return store.getters["appVersion"]
+  }
+}
 </script>
 
 <style lang="scss" scoped>

diff --git a/vue.config.js b/vue.config.js
@@ -1,3 +1,5 @@
+const webpack = require('webpack');
+
 module.exports = {
   lintOnSave: false,
   productionSourceMap: false,
@@ -16,6 +18,15 @@ module.exports = {
       msTileImage: "img/icons/mstile-144x144.png"
     }
   },
+  configureWebpack: {
+    plugins: [
+      new webpack.DefinePlugin({
+        'process.env': {
+          APP_VERSION: '"' + escape(JSON.stringify(require('./package.json').version)) + '"'
+        }
+      })
+    ]
+  },
   css: {
     loaderOptions: {
       sass: {