feat: partial support for patches

src/components/App.vue

@@ -15,6 +15,7 @@ import { listen } from '@tauri-apps/api/event';
 import ModList from './ModList.vue';
 import ModStore from './ModStore.vue';
 import OptionList from './OptionList.vue';
+import PatchList from './PatchList.vue';
 import ProfileList from './ProfileList.vue';
 import StartButton from './StartButton.vue';
 import { invoke } from '../invoke';
@@ -55,14 +56,26 @@ onMounted(async () => {
     }
 
     fetch_promise.then(async () => {
-        await invoke('install_package', {
-            key: 'segatools-mu3hook',
-            force: false,
-        });
-        await invoke('install_package', {
-            key: 'segatools-chusanhook',
-            force: false,
-        });
+        const promises = [];
+        promises.push(
+            invoke('install_package', {
+                key: 'segatools-mu3hook',
+                force: false,
+            })
+        );
+        promises.push(
+            invoke('install_package', {
+                key: 'segatools-chusanhook',
+                force: false,
+            })
+        );
+        promises.push(
+            invoke('install_package', {
+                key: 'mempatcher-mempatcher',
+                force: false,
+            })
+        );
+        await Promise.all(promises);
     });
 });
 
@@ -163,7 +176,10 @@ listen<{ message: string; header: string }>('invoke-error', (event) => {
                     <div class="grow"></div>
 
                     <div class="flex gap-4">
-                        <div class="flex" v-if="currentTab !== 3">
+                        <div
+                            class="flex"
+                            v-if="[0, 1, 2].includes(currentTab as number)"
+                        >
                             <InputIcon class="self-center mr-2">
                                 <i class="pi pi-search" />
                             </InputIcon>
@@ -240,13 +256,7 @@ listen<{ message: string; header: string }>('invoke-error', (event) => {
                     </footer>
                 </TabPanel>
                 <TabPanel :value="4">
-                    CHUNITHM patches are not implemented yet.<br />Use
-                    <a
-                        href="https://patcher.two-torial.xyz/"
-                        target="_blank"
-                        style="text-decoration: underline"
-                        >patcher.two-torial.xyz</a
-                    >
+                    <PatchList />
                 </TabPanel>
             </TabPanels>
             <div v-if="currentTab === 5 || currentTab === 3">