From 99db35e62abb9d60418408872e7a449bacd7eef3 Mon Sep 17 00:00:00 2001
From: Heber Almeida <eu@heber.com.br>
Date: Tue, 16 Apr 2024 08:58:33 -0400
Subject: [PATCH 1/3] :sparkles: added option to set link in json of just one
 item optionally

---
 src/components/DesktopMenuItemButton.vue | 2 ++
 src/components/DesktopMenuItemLink.vue   | 2 ++
 src/components/DynamicLink.vue           | 8 ++++++++
 src/vue-navigation-bar.vue               | 2 +-
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/DesktopMenuItemButton.vue b/src/components/DesktopMenuItemButton.vue
index bde0f63..ff6f93b 100644
--- a/src/components/DesktopMenuItemButton.vue
+++ b/src/components/DesktopMenuItemButton.vue
@@ -5,6 +5,8 @@
     :class="['vnb__menu-options__option__button', 'vnb-button', option.class]"
     :aria-label="option.text"
     :isLinkAction="option.isLinkAction ? true : false"
+    :isUsingLink="option.isUsingLink"
+    :linkTarget="option.target"
     @click="$emit('vnb-item-clicked', option.text)"
   >
     <template #content>
diff --git a/src/components/DesktopMenuItemLink.vue b/src/components/DesktopMenuItemLink.vue
index e579470..a4c8ff6 100644
--- a/src/components/DesktopMenuItemLink.vue
+++ b/src/components/DesktopMenuItemLink.vue
@@ -7,6 +7,8 @@
     :aria-label="option.text"
     tabindex="0"
     :isLinkAction="option.isLinkAction ? true : false"
+    :isUsingLink="option.isUsingLink"
+    :linkTarget="option.target"
     @click="$emit('vnb-item-clicked', option.text)"
   >
     <template #content>
diff --git a/src/components/DynamicLink.vue b/src/components/DynamicLink.vue
index e498391..928b7c0 100644
--- a/src/components/DynamicLink.vue
+++ b/src/components/DynamicLink.vue
@@ -26,6 +26,14 @@ export default {
       type: Boolean,
       required: true,
     },
+    isUsingLink: {
+      type: Boolean,
+      default: false,
+    },
+    linkTarget: {
+      type: String,
+      default: "_self",
+    }
   },
   computed: {
     localPath() {
diff --git a/src/vue-navigation-bar.vue b/src/vue-navigation-bar.vue
index 89f69a5..e5ad13e 100755
--- a/src/vue-navigation-bar.vue
+++ b/src/vue-navigation-bar.vue
@@ -31,7 +31,7 @@
 
 <script>
 import {VueScreenSizeMixin} from 'vue-screen-size';
-import uuidV4 from './common/uuidv4';
+import uuidV4 from './common/uuidV4';
 import BrandImage from './components/BrandImage.vue';
 import CollapseButton from './components/CollapseButton.vue';
 import MenuOptions from './components/MenuOptions.vue';

From ad0171a21b7ce43f4c04cdea85f7a323e2fe9f33 Mon Sep 17 00:00:00 2001
From: Heber Almeida <eu@heber.com.br>
Date: Tue, 16 Apr 2024 09:00:41 -0400
Subject: [PATCH 2/3] add example in docs

---
 README.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/README.md b/README.md
index 50c0092..5c1ec43 100755
--- a/README.md
+++ b/README.md
@@ -152,6 +152,13 @@ export default {
                   path: { name: "reception"},
                   iconLeft: '<svg id="i-telephone" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <path d="M3 12 C3 5 10 5 16 5 22 5 29 5 29 12 29 20 22 11 22 11 L10 11 C10 11 3 20 3 12 Z M11 14 C11 14 6 19 6 28 L26 28 C26 19 21 14 21 14 L11 14 Z" /> <circle cx="16" cy="21" r="4" /> </svg>',
                 },
+                {
+                  type: "link",
+                  text: "GitHub",
+                  path: "https://github.com/",
+                  isUsingLink: true,
+                  linkTarget: "_blank",
+                },
               ]
             },
             {

From 7309596554e349fd04f7d8ff2789783b1d450240 Mon Sep 17 00:00:00 2001
From: Heber Almeida <eu@heber.com.br>
Date: Tue, 16 Apr 2024 09:11:57 -0400
Subject: [PATCH 3/3] added variables and logic

---
 src/components/DesktopMenuItemButton.vue | 2 +-
 src/components/DesktopMenuItemLink.vue   | 2 +-
 src/components/DynamicLink.vue           | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/DesktopMenuItemButton.vue b/src/components/DesktopMenuItemButton.vue
index ff6f93b..7ff154f 100644
--- a/src/components/DesktopMenuItemButton.vue
+++ b/src/components/DesktopMenuItemButton.vue
@@ -6,7 +6,7 @@
     :aria-label="option.text"
     :isLinkAction="option.isLinkAction ? true : false"
     :isUsingLink="option.isUsingLink"
-    :linkTarget="option.target"
+    :linkTarget="option.linkTarget"
     @click="$emit('vnb-item-clicked', option.text)"
   >
     <template #content>
diff --git a/src/components/DesktopMenuItemLink.vue b/src/components/DesktopMenuItemLink.vue
index a4c8ff6..8d08297 100644
--- a/src/components/DesktopMenuItemLink.vue
+++ b/src/components/DesktopMenuItemLink.vue
@@ -8,7 +8,7 @@
     tabindex="0"
     :isLinkAction="option.isLinkAction ? true : false"
     :isUsingLink="option.isUsingLink"
-    :linkTarget="option.target"
+    :linkTarget="option.linkTarget"
     @click="$emit('vnb-item-clicked', option.text)"
   >
     <template #content>
diff --git a/src/components/DynamicLink.vue b/src/components/DynamicLink.vue
index 928b7c0..19b71e5 100644
--- a/src/components/DynamicLink.vue
+++ b/src/components/DynamicLink.vue
@@ -1,8 +1,8 @@
 <template>
-  <router-link v-if="isUsingVueRouter && path" v-bind="$attrs" :to="localPath">
+  <router-link v-if="isUsingVueRouter && path && !isUsingLink" v-bind="$attrs" :to="localPath">
     <slot name="content"></slot>
   </router-link>
-  <a v-if="!isUsingVueRouter && !isLinkAction && path" v-bind="$attrs" :href="path">
+  <a v-if="!isUsingVueRouter && !isLinkAction && path" v-bind="$attrs" :href="path" :target="linkTarget">
     <slot name="content"></slot>
   </a>
   <a v-if="isLinkAction" v-bind="$attrs" href="javascript:void(0);">