Game updates (#187)

* refactor: split umu launcher

* feat: latest version picker + fixes

* feat: frontend latest changes

* feat: game update detection w/ setting

* feat: fixes and refactor for game update

* fix: windows ui

* fix: deps

* feat: update modifications

* feat: missing ui and lock update

* fix: create install dir on init

* fix: clippy

* fix: clippy x2

* feat: add configuration option to toggle updates

* feat: uninstall dropdown on partiallyinstalled

main/components/GameOptionsModal.vue

@@ -1,7 +1,7 @@
 <template>
   <ModalTemplate size-class="max-w-4xl" v-model="open">
     <template #default>
-      <div class="flex flex-row gap-x-4">
+      <div class="flex flex-row gap-x-4 h-96">
         <nav class="flex flex-1 flex-col" aria-label="Sidebar">
           <ul role="list" class="-mx-2 space-y-1">
             <li v-for="(tab, tabIdx) in tabs" :key="tab.name">
@@ -29,7 +29,7 @@
             </li>
           </ul>
         </nav>
-        <div class="border-l-2 border-zinc-800 w-full grow pl-4">
+        <div class="border-l-2 border-zinc-800 w-full grow pl-4 overflow-y-scroll">
           <component
             v-model="configuration"
             :is="tabs[currentTabIndex]?.page"
@@ -80,8 +80,10 @@ import {
   XCircleIcon,
 } from "@heroicons/vue/20/solid";
 import Launch from "./GameOptions/Launch.vue";
-import type { FrontendGameConfiguration } from "~/composables/game";
+import Updates from "./GameOptions/Updates.vue";
 import { invoke } from "@tauri-apps/api/core";
+import { ArrowPathIcon } from "@heroicons/vue/24/solid";
+import type { GameVersion } from "~/types";
 
 const appState = useAppState();
 
@@ -89,17 +91,16 @@ const open = defineModel<boolean>();
 const props = defineProps<{ gameId: string }>();
 const game = await useGame(props.gameId);
 
-const configuration: Ref<FrontendGameConfiguration> = ref({
-  launchString: game.version!.userConfiguration.launchTemplate,
-  overrideProtonPath: game.version!.userConfiguration.overrideProtonPath,
-});
+const configuration: Ref<GameVersion["userConfiguration"]> = ref(game.version.value!.userConfiguration);
 
 const hasWindows = !!(
-  game.version!.setups.find((v) => v.platform === "Windows") ??
-  game.version!.launches.find((v) => v.platform === "Windows")
+  game.version.value!.setups.find((v) => v.platform === "Windows") ??
+  game.version.value!.launches.find((v) => v.platform === "Windows")
 );
 
-const protonEnabled = !!(appState.value!.umuState !== "NotNeeded" && hasWindows);
+const protonEnabled = !!(
+  appState.value!.umuState !== "NotNeeded" && hasWindows
+);
 
 const tabs: Array<{ name: string; icon: Component; page: Component }> = [
   {
@@ -107,6 +108,11 @@ const tabs: Array<{ name: string; icon: Component; page: Component }> = [
     icon: RocketLaunchIcon,
     page: Launch,
   },
+  {
+    name: "Updates",
+    icon: ArrowPathIcon,
+    page: Updates,
+  },
   {
     name: "Storage",
     icon: ServerIcon,