From 32823af3e3402844437a7f2c81d0965ed9b44373 Mon Sep 17 00:00:00 2001
From: Zurdi <zurdizurdo25@gmail.com>
Date: Mon, 5 Aug 2024 00:24:44 +0200
Subject: [PATCH] added right click to open in a new tab in home btn

---
 .../components/common/Navigation/HomeBtn.vue  | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/common/Navigation/HomeBtn.vue b/frontend/src/components/common/Navigation/HomeBtn.vue
index e88bc2158..0ecca15da 100644
--- a/frontend/src/components/common/Navigation/HomeBtn.vue
+++ b/frontend/src/components/common/Navigation/HomeBtn.vue
@@ -1,17 +1,21 @@
 <script setup lang="ts">
+import { ref } from "vue";
 import RommIso from "@/components/common/RommIso.vue";
 import storeNavigation from "@/stores/navigation";
 
+const homeUrl = ref(`${location.protocol}//${location.host}`);
 const navigationStore = storeNavigation();
 </script>
 <template>
-  <v-hover v-slot="{ isHovering, props: hoverProps }">
-    <romm-iso
-      @click="navigationStore.goHome"
-      v-bind="hoverProps"
-      class="pointer"
-      :class="{ 'border-romm-accent-1': isHovering }"
-      :size="35"
-    />
-  </v-hover>
+  <a @click.prevent style="text-decoration: none; color: inherit" :href="homeUrl">
+    <v-hover v-slot="{ isHovering, props: hoverProps }">
+      <romm-iso
+        @click="navigationStore.goHome"
+        v-bind="hoverProps"
+        class="pointer"
+        :class="{ 'border-romm-accent-1': isHovering }"
+        :size="35"
+      />
+    </v-hover>
+  </a>
 </template>