From 003c0be4475b9a7d1e2bde53d9ca4a3075feba8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Wed, 15 Jul 2020 23:05:29 +0200
Subject: [PATCH] package.json, add footer with version and link to homepage

---
 package.json  |  3 ++-
 src/App.vue   | 14 ++++++++++++++
 vue.config.js |  4 ++++
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7741537..a985f7e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,7 @@
 {
   "name": "kollagen",
-  "version": "0.1.0",
+  "version": "0.0.1",
+  "homepage": "https://gitlab.com/tmladek/kollagen",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/App.vue b/src/App.vue
index 6712951..df624d8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,7 @@
 <div id="app">
     <picker @images="images = $event"/>
     <collage :images="images"/>
+    <footer><a :href="HOMEPAGE_URL">kollagen v{{APP_VERSION}}</a></footer>
 </div>
 </template>
 
@@ -18,6 +19,14 @@ import Collage from "@/components/Collage.vue";
 })
 export default class App extends Vue {
     private images: ImageBitmap[] = [];
+
+    private get APP_VERSION() {
+        return process.env.VUE_APP_VERSION;
+    }
+
+    private get HOMEPAGE_URL() {
+        return process.env.VUE_APP_HOMEPAGE;
+    }
 }
 </script>
 
@@ -34,4 +43,9 @@ html, body {
     justify-content: space-evenly;
     min-height: 100vh;
 }
+
+footer {
+    width: 100%;
+    text-align: center;
+}
 </style>
diff --git a/vue.config.js b/vue.config.js
index bfb10bd..26b4495 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,3 +1,7 @@
+const packageJSON = require('./package.json');
+process.env.VUE_APP_VERSION = packageJSON.version;
+process.env.VUE_APP_HOMEPAGE = packageJSON.homepage;
+
 module.exports = {
     publicPath: '/tools/kollagen'
 };