feat: verbose toggle, info tab, many misc fixes

src/components/ModStore.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Ref, ref } from 'vue';
+import { Ref, computed, ref } from 'vue';
+import Button from 'primevue/button';
 import Divider from 'primevue/divider';
 import MultiSelect from 'primevue/multiselect';
 import ToggleSwitch from 'primevue/toggleswitch';
@@ -40,6 +41,39 @@ const list = () => {
     empty.value = res.length === 0;
     return res;
 };
+
+const shouldShowRecommended = computed(() => {
+    if (prf.current!.meta.game === 'ongeki') {
+        return !pkgs.allLocal.some((p) => pkgKey(p) === 'segatools-mu3hook');
+    }
+    if (prf.current!.meta.game === 'chunithm') {
+        return (
+            !pkgs.allLocal.some((p) => pkgKey(p) === 'segatools-chusanhook') ||
+            !pkgs.allLocal.some((p) => pkgKey(p) === 'mempatcher-mempatcher')
+        );
+    }
+    return false;
+});
+
+const getRecommendedTooltip = () => {
+    if (prf.current!.meta.game === 'ongeki') {
+        return 'segatools-mu3hook';
+    }
+    if (prf.current!.meta.game === 'chunithm') {
+        return 'segatools-chusanhook and mempatcher';
+    }
+    return '';
+};
+
+const installRecommended = () => {
+    if (prf.current!.meta.game === 'ongeki') {
+        pkgs.installFromKey('segatools-mu3hook');
+    }
+    if (prf.current!.meta.game === 'chunithm') {
+        pkgs.installFromKey('segatools-chusanhook');
+        pkgs.installFromKey('mempatcher-mempatcher');
+    }
+};
 </script>
 
 <template>
@@ -78,6 +112,14 @@ const list = () => {
         </div>
     </div>
     <Divider />
+    <Button
+        v-if="shouldShowRecommended"
+        label="Install recommended packages"
+        v-tooltip="getRecommendedTooltip"
+        icon="pi pi-plus"
+        class="mb-3"
+        @click="installRecommended"
+    />
     <div v-for="p in list()" class="flex flex-row">
         <ModStoreEntry :pkg="p" />
     </div>