display version in footer

src/App.vue

@@ -34,6 +34,9 @@
         v-if="filtersActive"
       />
     </main>
+    <footer>
+      <p>v{{ version }}</p>
+    </footer>
   </div>
 </template>
 
@@ -51,11 +54,13 @@ import Zone from "@/entities/Zone";
 import FiltersMenu from "@/components/FiltersMenu.vue";
 import Filters from "@/util/Filters";
 import GithubLogo from "@/components/icons/GithubLogo.vue";
+import {version} from "../package.json";
 
 export default defineComponent({
   name: 'App',
   components: {GithubLogo, FiltersMenu, SortedNodeList},
   data: () => ({
+    version: version,
     eorzeaTime: new EorzeaTime() as EorzeaTime,
     nodes: [] as Node[],
     items: {} as { [key: string]: Item },
@@ -220,4 +225,9 @@ nav {
     }
   }
 }
+footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 </style>