properly pass props in routing

src/App.vue

@@ -1,20 +1,48 @@
 <script setup lang="ts">
-import {RouterLink, RouterView} from 'vue-router'</script>
+import {RouterLink, RouterView} from 'vue-router'
+</script>
 
 <template>
   <header>
     <nav>
-      <RouterLink to="/">Guild</RouterLink>
+      <RouterLink
-      <RouterLink to="/quests">Quests</RouterLink>
+        :to="{
-      <RouterLink to="/adventurers">Adventurers</RouterLink>
+          name: 'guild',
+          params: {
+            guild: guild,
+          },
+      }"
+      >
+        Guild
+      </RouterLink>
+      <RouterLink
+        :to="{
+          name: 'quests',
+          params: {
+            guild: guild,
+            adventurers: adventurers,
+            quests: missives,
+          },
+        }"
+      >
+        Quests
+      </RouterLink>
+      <RouterLink
+        :to="{
+          name: 'adventurers',
+          params: {
+            guild: guild,
+            adventurers: adventurers,
+            lastRecruitTime: lastRecruitHandled
+          },
+        }"
+      >
+        Adventurers
+      </RouterLink>
     </nav>
   </header>
 
   <RouterView
-        :guild="guild"
-        :adventurers="adventurers"
-        :quests="missives"
-        :lastRecruitTime="lastRecruitHandled"
       @finalizeQuest="finalizeQuest($event)"
       @wipeSave="resetSave()"
       @recruitActionTaken="lastRecruitHandled = Number(new Date())"
@@ -55,8 +83,7 @@ export default defineComponent({
       F: null as null | number,
     },
     lastRecruitHandled: null as null | number,
-    adventurers: {
+    adventurers: {} as { [key: string]: Adventurer },
-    } as { [key: string]: Adventurer },
     quests: {
       F: {
         "1": new Quest("1", QuestRank.F, "Frog Frenzy", "Kill 10 demon frogs.", 30, 1, 25),