From b1b9fdf2513b5791bc1eb27ee057ea3ff02214b3 Mon Sep 17 00:00:00 2001
From: Morteza Ziyae <m.ziaeemehr@gmail.com>
Date: Sat, 29 Jun 2019 21:08:17 +0430
Subject: [PATCH] read version from package.json

---
 src/store/index.ts |  4 ++++
 src/views/Home.vue | 16 +++++++++++-----
 vue.config.js      | 11 +++++++++++
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/store/index.ts b/src/store/index.ts
index fd18d9b..5e2b8e8 100644
--- 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
index e3120d3..95b5aaf 100644
--- 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
index 7881fe5..8b02f9a 100644
--- 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: {