Make refseq path handle baseUrl

components/Nav/Navbar.vue

@@ -38,6 +38,7 @@
 <script setup lang="ts">
 // import { useCustomTheme } from '~/composables/useCustomTheme'
 import { useDisplay, useTheme } from "vuetify";
+import { withTrailingSlash, withLeadingSlash, joinURL } from "ufo";
 
 const runtimeConfig = useRuntimeConfig();
 const { navigation } = useContent();
@@ -47,13 +48,28 @@ const theme = useTheme();
 function toggleTheme() {
   theme.global.name.value = theme.global.current.value.dark ? "light" : "dark";
 }
+
+const refSeqPath = ref("/refseq");
+
+const refinedRefSeqPath = computed(() => {
+  if (refSeqPath.value?.startsWith("/") && !refSeqPath.value.startsWith("//")) {
+    const _base = withLeadingSlash(
+      withTrailingSlash(useRuntimeConfig().app.baseURL)
+    );
+    if (_base !== "/" && !refSeqPath.value.startsWith(_base)) {
+      return joinURL(_base, refSeqPath.value);
+    }
+  }
+  return refSeqPath;
+});
+
 const sections = ref([
   {
     id: "webservice",
     label: "webservice",
     href: runtimeConfig.public.defenseFinderWebservice,
   },
-  { id: "refseq", label: "REFSEQ", href: "/refseq" },
+  { id: "refseq", label: "REFSEQ", href: refinedRefSeqPath },
 ]);
 const drawer = ref(true);