feat: autoupdate toggle

src/components/options/Aime.vue

@@ -48,7 +48,10 @@ const aimeCodePaste = (ev: ClipboardEvent) => {
 
 <template>
     <OptionCategory title="Aime">
-        <OptionRow title="Aime emulation">
+        <OptionRow
+            title="Aime emulation"
+            tooltip="Aime plugins can be downloaded from the package store."
+        >
             <Select
                 v-model="prf.current!.data.sgt.aime"
                 :options="[

src/components/options/Misc.vue

@@ -13,7 +13,10 @@ const prf = usePrfStore();
         <OptionRow title="OpenSSL bug workaround for Intel ≥10th gen">
             <ToggleSwitch v-model="prf.current!.data.sgt.intel" />
         </OptionRow>
-        <OptionRow title="More segatools options">
+        <OptionRow
+            title="More segatools options"
+            tooltip="Advanced options not covered by STARTLINER"
+        >
             <FileEditor filename="segatools-base.ini" />
         </OptionRow>
     </OptionCategory>

src/components/options/Segatools.vue

@@ -79,7 +79,10 @@ const names = computed(() => {
                 "
             ></FilePicker>
         </OptionRow>
-        <OptionRow :title="names.hook">
+        <OptionRow
+            :title="names.hook"
+            tooltip="Hooks can be downloaded from the package store."
+        >
             <Select
                 v-model="prf.current!.data.sgt.hook"
                 :options="
@@ -97,7 +100,11 @@ const names = computed(() => {
                 option-value="value"
             ></Select>
         </OptionRow>
-        <OptionRow :title="names.io" v-if="prf.current?.meta.game === 'ongeki'">
+        <OptionRow
+            :title="names.io"
+            v-if="prf.current?.meta.game === 'ongeki'"
+            tooltip="IO plugins can be downloaded from the package store."
+        >
             <Select
                 v-model="prf.current!.data.sgt.io"
                 placeholder="segatools built-in"

src/components/options/Startliner.vue

@@ -16,10 +16,19 @@ const offlineModel = computed({
         await client.setOfflineMode(value);
     },
 });
+
+const updatesModel = computed({
+    get() {
+        return client.enableAutoupdates;
+    },
+    async set(value: boolean) {
+        await client.setAutoupdates(value);
+    },
+});
 </script>
 
 <template>
-    <OptionCategory title="Startliner">
+    <OptionCategory title="STARTLINER">
         <OptionRow title="UI scaling">
             <SelectButton
                 v-model="client.scaleModel"
@@ -34,8 +43,14 @@ const offlineModel = computed({
                 option-value="value"
             />
         </OptionRow>
-        <OptionRow title="Offline mode" tooltip="Applies after a restart">
+        <OptionRow
+            title="Offline mode"
+            tooltip="Disables the package store. Applies after a restart"
+        >
             <ToggleSwitch v-model="offlineModel" />
         </OptionRow>
+        <OptionRow title="Enable automatic updates">
+            <ToggleSwitch v-model="updatesModel" />
+        </OptionRow>
     </OptionCategory>
 </template>