fix navbar routing on mobile

src/components/VNav.vue

@@ -104,7 +104,7 @@
     <div class="sm:hidden" :class="{ hidden: !open }">
       <div class="px-2 pt-2 pb-3 space-y-1">
         <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
-        <a
+        <router-link
           v-for="{ name, to } in items"
           :key="name"
           v-text="name"

src/router/index.ts

@@ -51,7 +51,7 @@ const routes: RouteRecordRaw[] = [
     name: "EditAccessPoint",
     component: CreateAccessPoint,
     props: (route) => ({
-      apID: Number.parseInt(route.query["site-id"] as string),
+      apID: Number.parseInt(route.query["ap-id"] as string),
       edit: true,
     }),
   },
@@ -61,7 +61,7 @@ const routes: RouteRecordRaw[] = [
     component: RegisterAccessPoint,
     props: (route) =>
       route.query["ap-id"]
-        ? { apID: Number.parseInt(route.query["site-id"] as string) }
+        ? { apID: Number.parseInt(route.query["ap-id"] as string) }
         : {},
   },
 ];