From 99c3fcb592d2506deea27c59d7df8003781d37ea Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <kamilniemczycki@gmail.com>
Date: Mon, 11 Oct 2021 11:35:31 +0200
Subject: [PATCH] Added subpage with info

---
 src/views/KamilCraftInfo.vue | 42 ++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/views/KamilCraftInfo.vue

diff --git a/src/views/KamilCraftInfo.vue b/src/views/KamilCraftInfo.vue
new file mode 100644
index 0000000..068d1c5
--- /dev/null
+++ b/src/views/KamilCraftInfo.vue
@@ -0,0 +1,42 @@
+<template>
+  <section class="info">
+    <div class="container">
+      <h2>{{ $route.meta.title }}</h2>
+      <p>Wersja projektu: {{ project.version }}</p>
+      <p>Użyte paczki:</p>
+      <ul class="package-list">
+        <li v-for="(version, name) in project.dependencies" :key="name">{{ name }}: {{ version }}</li>
+      </ul>
+    </div>
+  </section>
+</template>
+
+<script>
+const nodeProject = require('../../package.json')
+export default {
+  name: 'KamilCraftInfo',
+  data () {
+    return {
+      project: {
+        version: '',
+        dependencies: []
+      }
+    }
+  },
+  mounted () {
+    this.project.version = nodeProject.version
+    this.project.dependencies = nodeProject.dependencies
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  padding-top: 45px;
+  padding-bottom: 45px;
+
+  .package-list {
+    list-style: inside;
+  }
+}
+</style>