Resolve "Add refseq table results"

Closes #130

components/Nav/Navbar.vue

@@ -6,20 +6,30 @@
     </template>
     <v-app-bar-title>
       <span class="d-flex align-center">
-        <span class="text-medium-emphasis">Knowledge database of all known anti-phage systems by
-        </span><span></span>
+        <span class="text-medium-emphasis"
+          >Knowledge database of all known anti-phage systems by </span
+        ><span></span>
       </span>
     </v-app-bar-title>
     <template #append v-if="!mobile">
-      <v-btn v-for="section in sections" :key="section.id" color="primary" :href="section.href">
+      <v-btn
+        v-for="section in sections"
+        :key="section.id"
+        color="primary"
+        :href="section.href"
+      >
         {{ section.label }}
       </v-btn>
-      <v-btn @click="toggleTheme" color="primary"
-        :icon="theme.global.current.value.dark ? 'md:light_mode' : 'md:dark_mode'"></v-btn>
+      <v-btn
+        @click="toggleTheme"
+        color="primary"
+        :icon="
+          theme.global.current.value.dark ? 'md:light_mode' : 'md:dark_mode'
+        "
+      ></v-btn>
     </template>
   </v-app-bar>
   <v-navigation-drawer v-model="drawer" :border="1">
-
     <v-list nav density="compact" :lines="false">
       <NavNavigation :navigation="computedNavigation" />
     </v-list>
@@ -27,35 +37,38 @@
 </template>
 <script setup lang="ts">
 // import { useCustomTheme } from '~/composables/useCustomTheme'
-import { useDisplay, useTheme } from 'vuetify'
+import { useDisplay, useTheme } from "vuetify";
 
-const runtimeConfig = useRuntimeConfig()
+const runtimeConfig = useRuntimeConfig();
 const { navigation } = useContent();
 const { mobile } = useDisplay();
-const theme = useTheme()
+const theme = useTheme();
 
 function toggleTheme() {
-  theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
+  theme.global.name.value = theme.global.current.value.dark ? "light" : "dark";
 }
 const sections = ref([
-  { id: "webservice", label: "webservice", href: runtimeConfig.public.defenseFinderWebservice }
-])
+  {
+    id: "webservice",
+    label: "webservice",
+    href: runtimeConfig.public.defenseFinderWebservice,
+  },
+  { id: "refseq", label: "REFSEQ", href: "/refseq" },
+]);
 const drawer = ref(true);
 
-
 const computedNavigation = computed(() => {
-  return navigation.value.map(navItem => {
-    if (navItem._path === '/') {
-      return { ...navItem, icon: "md:home" }
+  return navigation.value.map((navItem) => {
+    if (navItem._path === "/") {
+      return { ...navItem, icon: "md:home" };
     }
-    if (navItem._path === '/defense-systems') {
-      return { ...navItem, icon: "md:list" }
+    if (navItem._path === "/defense-systems") {
+      return { ...navItem, icon: "md:list" };
     }
-    if (navItem._path === '/general-concepts') {
-      return { ...navItem, icon: "md:history_edu" }
+    if (navItem._path === "/general-concepts") {
+      return { ...navItem, icon: "md:history_edu" };
     }
-    return navItem
-  })
-})
-
+    return navItem;
+  });
+});
 </script>