From 9e1084cf5fa089e8e8dcda9fb08235589603eaf2 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <kamilniemczycki@gmail.com>
Date: Mon, 12 Jul 2021 19:17:16 +0200
Subject: [PATCH] Added prototype of contact

---
 src/components/Navigation.vue |  1 +
 src/router/index.js           | 28 +++++++++++++++++++---------
 src/views/Contact.vue         | 16 ++++++++++++++++
 3 files changed, 36 insertions(+), 9 deletions(-)
 create mode 100644 src/views/Contact.vue

diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index 443c1d8..e63539e 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -7,6 +7,7 @@
       <li class="menu-element"><router-link to="/">Strona główna</router-link></li>
       <li class="menu-element"><router-link to="/projects">Projekty</router-link></li>
       <li class="menu-element"><router-link to="/about">O mnie</router-link></li>
+      <li class="menu-element"><router-link to="/contact">Kontakt</router-link></li>
     </ul>
   </div>
 </template>
diff --git a/src/router/index.js b/src/router/index.js
index 54c0021..e68f712 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,20 +1,21 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import Home from '../views/Home.vue'
-import About from '../views/About.vue'
-import Projects from '../views/Projects.vue'
+import Home from '../views/Home'
+import About from '../views/About'
+import Projects from '../views/Projects'
+import Contact from '../views/Contact'
 import NotFound from '../views/NotFound'
 
 Vue.use(VueRouter)
 
-const mainTitle = ' :: kamilcraft.com'
+const mainTitle = 'kamilcraft.com'
 
 const routes = [
   {
     path: '/',
     name: 'Home',
     meta: {
-      title: 'Witam serdecznie 😊' + mainTitle
+      title: 'Witam serdecznie 😊'
     },
     component: Home
   },
@@ -22,7 +23,7 @@ const routes = [
     path: '/projects',
     name: 'Projects',
     meta: {
-      title: 'Moje projekty' + mainTitle
+      title: 'Moje projekty'
     },
     component: Projects
   },
@@ -30,10 +31,18 @@ const routes = [
     path: '/about',
     name: 'About',
     meta: {
-      title: 'O mnie' + mainTitle
+      title: 'O mnie'
     },
     component: About
   },
+  {
+    path: '/contact',
+    name: 'Kontakt',
+    meta: {
+      title: 'Kontakt'
+    },
+    component: Contact
+  },
   {
     path: '*',
     name: '404',
@@ -47,9 +56,10 @@ const router = new VueRouter({
   routes
 })
 
-const title = 'KamilCraft.com'
+const title = ' :: ' + mainTitle
 router.beforeEach((to, form, next) => {
-  document.title = to.meta.title || title
+  const documentTitle = to.meta.title + title || mainTitle
+  document.title = documentTitle === to.meta.title ? title : documentTitle
   next()
 })
 
diff --git a/src/views/Contact.vue b/src/views/Contact.vue
new file mode 100644
index 0000000..90a8af9
--- /dev/null
+++ b/src/views/Contact.vue
@@ -0,0 +1,16 @@
+<template>
+<div class="contact">
+  <h1>{{ $route.meta.title }}</h1>
+  <p>Witam wszystkich bardzo serdecznie!</p>
+</div>
+</template>
+
+<script>
+export default {
+  name: 'Contact'
+}
+</script>
+
+<style scoped>
+
+</style>