From 9d137a207fddca412b3c358941e61c633a787176 Mon Sep 17 00:00:00 2001
From: Soufiane Fariss <rev.fariss@gmail.com>
Date: Thu, 8 Aug 2024 08:57:37 +0200
Subject: [PATCH] replace path traversal with @ path shortcut

---
 web/explorer/src/components/NavBar.vue        | 29 +++++++++----------
 .../src/components/RuleMatchesTable.vue       |  2 +-
 .../src/components/columns/RuleColumn.vue     |  2 +-
 3 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/web/explorer/src/components/NavBar.vue b/web/explorer/src/components/NavBar.vue
index ac63764c..9a466aac 100644
--- a/web/explorer/src/components/NavBar.vue
+++ b/web/explorer/src/components/NavBar.vue
@@ -1,31 +1,30 @@
 <script setup>
 import { ref } from "vue";
+
 import Menubar from "primevue/menubar";
 
 const items = ref([
     {
         label: "Import Analysis",
         icon: "pi pi-file-import",
-        command: () => {
-            window.location.href = window.location.origin + "/capa/";
-        }
+        command: () => (window.location.href = window.location.origin + "/capa/")
     }
 ]);
 </script>
 
 <template>
     <Menubar :model="items" class="p-1">
-        <div class="flex align-items-center gap-3">
-            <a
-                v-ripple
-                href="https://github.com/mandiant/capa"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="flex align-items-center justify-content-center text-color w-2rem"
-            >
-                <i id="github-icon" class="pi pi-github text-2xl"></i>
-            </a>
-            <img src="../assets/images/icon.png" alt="Logo" class="w-2rem" />
-        </div>
+        <template #end>
+            <div class="flex align-items-center gap-3">
+                <a
+                    v-ripple
+                    href="https://github.com/mandiant/capa"
+                    class="flex align-items-center justify-content-center text-color w-2rem"
+                >
+                    <i id="gitsub-icon" class="pi pi-github text-2xl"></i>
+                </a>
+                <img src="@/assets/images/icon.png" alt="Logo" class="w-2rem" />
+            </div>
+        </template>
     </Menubar>
 </template>
diff --git a/web/explorer/src/components/RuleMatchesTable.vue b/web/explorer/src/components/RuleMatchesTable.vue
index 0c8e8ad6..1b496b81 100644
--- a/web/explorer/src/components/RuleMatchesTable.vue
+++ b/web/explorer/src/components/RuleMatchesTable.vue
@@ -181,7 +181,7 @@ import RuleColumn from "@/components/columns/RuleColumn.vue";
 import VTIcon from "@/components/misc/VTIcon.vue";
 
 import { parseRules } from "@/utils/rdocParser";
-import { createMBCHref, createATTACKHref, createCapaRulesUrl, createVirusTotalUrl } from "../utils/urlHelpers";
+import { createMBCHref, createATTACKHref, createCapaRulesUrl, createVirusTotalUrl } from "@/utils/urlHelpers";
 
 const props = defineProps({
     data: {
diff --git a/web/explorer/src/components/columns/RuleColumn.vue b/web/explorer/src/components/columns/RuleColumn.vue
index d70eb73e..d7f4ace1 100644
--- a/web/explorer/src/components/columns/RuleColumn.vue
+++ b/web/explorer/src/components/columns/RuleColumn.vue
@@ -56,7 +56,7 @@
 
 <script setup>
 import { defineProps } from "vue";
-import LibraryTag from "../misc/LibraryTag.vue";
+import LibraryTag from "@/components/misc/LibraryTag.vue";
 
 defineProps({
     node: {