From 9f70181422aac45999e6463a6e1e989b56217335 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Tue, 20 Apr 2021 15:49:37 +0100
Subject: [PATCH] Allows user to customize navigation links

---
 src/App.vue                            |  1 +
 src/components/PageStrcture/Header.vue |  4 ++--
 src/components/PageStrcture/Nav.vue    | 18 +++++++++++++++---
 src/utils/defaults.js                  |  4 ++++
 4 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c6748be9..ad5d39cd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,6 +31,7 @@ export default {
         return {
           title: pageInfo.title || defaults.title,
           description: pageInfo.description || defaults.description,
+          navLinks: pageInfo.navLinks || defaults.navLinks,
         };
       }
       return defaults;
diff --git a/src/components/PageStrcture/Header.vue b/src/components/PageStrcture/Header.vue
index f154676f..b07ac0db 100644
--- a/src/components/PageStrcture/Header.vue
+++ b/src/components/PageStrcture/Header.vue
@@ -1,7 +1,7 @@
 <template>
     <header>
-      <PageTitle :title="pageInfo.title" :description="pageInfo.description" v-if="titleVisible" />
-      <Nav class="nav" v-if="navVisible" />
+      <PageTitle v-if="titleVisible"  :title="pageInfo.title" :description="pageInfo.description" />
+      <Nav v-if="navVisible" :links="pageInfo.navLinks" class="nav" />
     </header>
 </template>
 
diff --git a/src/components/PageStrcture/Nav.vue b/src/components/PageStrcture/Nav.vue
index 02cb9f82..64485779 100644
--- a/src/components/PageStrcture/Nav.vue
+++ b/src/components/PageStrcture/Nav.vue
@@ -1,14 +1,26 @@
 <template>
     <nav id="nav">
-        <router-link to="/" class="nav-item">Home</router-link>
-        <router-link to="/about" class="nav-item">About</router-link>
+        <router-link
+            v-for="(link, index) in links"
+            :key="index"
+            :to="link.path"
+            :href="link.path"
+            :target="isUrl(link.path) ? '_blank' : ''"
+            rel="noopener noreferrer"
+            class="nav-item"
+        >{{link.title}}</router-link>
     </nav>
-
 </template>
 
 <script>
 export default {
   name: 'Nav',
+  props: {
+    links: Array,
+  },
+  methods: {
+    isUrl: (str) => new RegExp(/(http|https):\/\/(\S+)(:[0-9]+)?/).test(str),
+  },
 };
 </script>
 
diff --git a/src/utils/defaults.js b/src/utils/defaults.js
index 0f8dfb8f..fb154b08 100644
--- a/src/utils/defaults.js
+++ b/src/utils/defaults.js
@@ -2,6 +2,10 @@ module.exports = {
   pageInfo: {
     title: 'Dashy',
     description: '',
+    navLinks: [
+      { title: 'Home', path: '/' },
+      { title: 'Source', path: 'https://github.com/Lissy93/dashy' },
+    ],
   },
   appConfig: {},
   iconSize: 'medium',