Properly pass settings

src/main.ts

@@ -4,27 +4,29 @@ import { RouteRecordRaw, createRouter, createWebHashHistory } from "vue-router";
 import Host from "./components/Host.vue";
 import Join from "./components/Join.vue";
 import Spellbook from "./components/Spellbook.vue";
-import Team from "./components/Team.vue";
 import MainMenu from "./components/MainMenu.vue";
 import Builder from "./components/Builder.vue";
 import Header from "./components/Header.vue";
 import { Config, Map } from "./data/map";
 import { AssetsContainer } from "./util/assets/assetsContainer";
 import Game from "./components/Game.vue";
 import Credits from "./components/Credits.vue";
+import { Settings } from "./data/network/types";
 import SettingsComponent from "./components/Settings.vue";
 
 new AssetsContainer();
 let config: Config;
 let selectedMap: Map;
+let selectedSettings: Settings;
 
-const onPlay = async (key: string, map: Map | Config) => {
+const onPlay = async (key: string, map: Map | Config, settings: Settings) => {
   if (map instanceof Map) {
     selectedMap = map;
   } else {
     config = map;
     selectedMap = await Map.fromConfig(map);
   }
+  selectedSettings = settings;
   router.replace(`/game/${key}`);
 };
 
@@ -68,6 +70,7 @@ const routes: RouteRecordRaw[] = [
     component: Game,
     props: () => ({
       selectedMap: selectedMap!,
+      settings: selectedSettings!,
     }),
     beforeEnter: (to) => {
       if (!selectedMap) {