Stopka z wersją

package.json

@@ -1,6 +1,6 @@
 {
   "name": "genera-tor",
-  "version": "0.1.1",
+  "version": "0.2.0a",
   "private": true,
   "scripts": {
     "dev": "vite --port 8080",

src/App.vue

@@ -1,9 +1,28 @@
 <template>
   <div id="app_wrapper">
     <router-view />
+
+    <footer>
+      &copy; <a href="https://td2.info.pl/profile/?u=20777">Spythere</a> {{ new Date().getUTCFullYear() }} | v.{{
+        appVersion
+      }}
+    </footer>
   </div>
 </template>
 
+<script lang="ts">
+import { defineComponent } from 'vue';
+import packageInfo from '../package.json';
+
+export default defineComponent({
+  data() {
+    return {
+      appVersion: packageInfo.version,
+    };
+  },
+});
+</script>
+
 <style lang="scss">
 @import './styles/global.scss';
 
@@ -13,6 +32,11 @@
   min-height: 100vh;
 }
 
+footer {
+  text-align: center;
+  padding: 0.5em 0;
+}
+
 @media screen and (max-width: 500px) {
   #app {
     font-size: calc(1vw + 0.5rem);

src/styles/global.scss

@@ -15,6 +15,15 @@ html {
   font-weight: 500;
 }
 
+a {
+  color: white;
+  text-decoration: none;
+
+  &:hover {
+    color: $accentCol;
+  }
+}
+
 button {
   border: none;
   outline: none;