fixed directly referencing the router instead of utilising useRouter()

webclient/src/components/AppSearchBar.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { extractFacets } from "@/modules/autocomplete";
-import router from "@/router";
+import { useRouter } from "vue-router";
 import { useGlobalStore } from "@/stores/global";
 import { useI18n } from "vue-i18n";
 import { useFetch } from "@/composables/fetch";
@@ -21,6 +21,7 @@ const autocomplete = reactive({ sections: [] as SectionFacet[], highlighted: nul
 // visible results.
 const queryCounter = ref(0);
 const latestUsedQueryId = ref(-1);
+const router = useRouter();
 
 function searchFocus(): void {
   global.focusSearchBar();

webclient/src/main.ts

@@ -2,7 +2,7 @@ import { createApp } from "vue";
 import { createPinia } from "pinia";
 
 import App from "@/App.vue";
-import router from "@/router";
+import { router } from "@/router";
 import { createI18n } from "vue-i18n";
 
 const i18n = createI18n<Record<string, never>, "de" | "en", false>({

webclient/src/pages/view/[id].vue

@@ -13,14 +13,14 @@ import { useClipboard } from "@vueuse/core";
 import { selectedMap, useDetailsStore } from "@/stores/details";
 import { computed, nextTick, onMounted, ref, watchEffect } from "vue";
 import { useFetch } from "@/composables/fetch";
-import { useRoute } from "vue-router";
-import router from "@/router";
+import { useRoute, useRouter } from "vue-router";
 import type { components } from "@/api_types";
 type DetailsResponse = components["schemas"]["DetailsResponse"];
 
 const { t } = useI18n({ useScope: "local" });
 
 const route = useRoute();
+const router = useRouter();
 
 function loadData(data: DetailsResponse) {
   if (route.fullPath !== data.redirect_url) router.replace({ path: data.redirect_url });

webclient/src/router.ts

@@ -3,7 +3,7 @@ import MainView from "@/pages/index.vue";
 import NotFoundView from "@/pages/[...slug].vue";
 import SearchView from "@/pages/search.vue";
 
-const routes = [
+export const routes = [
   {
     component: MainView,
     name: "main",
@@ -36,7 +36,7 @@ const routes = [
   },
 ];
 
-const router = createRouter({
+export const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: routes,
   scrollBehavior(to, from, savedPosition) {
@@ -73,5 +73,3 @@ const router = createRouter({
 router.afterEach(
   () => document.querySelector('meta[property="og:url"]')?.setAttribute("content", window.location.href),
 );
-
-export default router;