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())"
@@ -46,17 +74,16 @@ export default defineComponent({
   data: () => ({
     guild: new Guild(1, 500),
     lastQuestGot: {
-      S: null as null|number,
+      S: null as null | number,
-      A: null as null|number,
+      A: null as null | number,
-      B: null as null|number,
+      B: null as null | number,
-      C: null as null|number,
+      C: null as null | number,
-      D: null as null|number,
+      D: null as null | number,
-      E: null as null|number,
+      E: null as null | number,
-      F: null as null|number,
+      F: null as null | number,
     },
-    lastRecruitHandled: 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),
@@ -209,7 +236,7 @@ export default defineComponent({
 
     setInterval(() => {
       this.saveGame();
-    }, 30*1000)
+    }, 30 * 1000)
 
     setInterval(() => {
       this.updateMissives();