fix: some more polish

CHANGELOG.md

@@ -3,6 +3,9 @@
 - Fixed the clear cache button not working
 - Fixed Linux builds
 - Moved the store tab to the left
+- "Reapply mods and start" renamed from "Refresh and start" to better convey the meaning
+- "Reapply mods and start" is no longer necessary when enabling packages from the `local` namespace
+- Various internationalization additions
 - STARTLINER now remembers the recently open tab and re-opens it on the next session
 - Added "Beta" to the title as STARTLINER is approaching feature-completeness
 

src/components/Onboarding.vue

@@ -88,7 +88,9 @@ const data: ComputedRef<Datum[]> = computed(() => {
     return res;
 });
 
-const counter = ref(0);
+const context = ref({
+    index: 0,
+});
 
 onMounted(async () => {
     [standardOngeki, systemProcessing, lever, server, finaleOngeki] =
@@ -127,7 +129,8 @@ onMounted(async () => {
 });
 
 const exitLabel = computed(() => {
-    return props.firstTime === true && counter.value < data.value.length - 1
+    return props.firstTime === true &&
+        context.value.index < data.value.length - 1
         ? 'Skip'
         : 'Close';
 });
@@ -144,13 +147,14 @@ const exitLabel = computed(() => {
                 : `${game ? prettyPrint(game) : '<game>'} help`
         "
         :style="{ width: '760px', scale: client.scaleValue }"
+        v-on:show="() => (context.index = 0)"
     >
         <Carousel
             :value="data"
             :num-visible="1"
             :num-scroll="1"
-            :page="counter"
+            :context="context"
-            v-on:update:page="(p) => (counter = p)"
+            v-on:update:page="(p) => (context.index = p)"
         >
             <template #item="slotProps">
                 <div class="md-container markdown">
@@ -172,10 +176,10 @@ const exitLabel = computed(() => {
         </Carousel>
         <div style="width: 100%; text-align: center">
             <Button
-                v-if="counter < data.length - 1"
+                v-if="context.index < data.length - 1"
                 class="m-auto mr-4"
                 label="Next"
-                @click="() => (counter += 1)"
+                @click="() => (context.index += 1)"
             />
             <Button
                 class="m-auto"

src/components/StartButton.vue

@@ -114,6 +114,8 @@ const menuItems = computed(() => {
             icon: 'pi pi-exclamation-circle',
             command: async () => await startline(true, false),
         },
+    ];
+    let baseTail = [
         {
             label: t('start.button.help'),
             icon: 'pi pi-question-circle',
@@ -137,7 +139,7 @@ const menuItems = computed(() => {
         ];
     }
     if (prf.current.meta.game === 'chunithm') {
-        return base;
+        return [...base, ...baseTail];
     }
     if (prf.current.meta.game === 'ongeki') {
         return [
@@ -152,6 +154,7 @@ const menuItems = computed(() => {
                 icon: 'pi pi-trash',
                 command: async () => await invoke('clear_cache'),
             },
+            ...baseTail,
         ];
     }
 });

src/i18n.ts

@@ -12,6 +12,8 @@ const i18n = createI18n({
     legacy: false,
     locale: 'en',
     fallbackLocale: 'en',
+    warnHtmlInMessage: false,
+    warnHtmlMessage: false,
     messages: { en, ja },
 });
 

src/i18n/en.ts

@@ -21,11 +21,11 @@ export default {
         button: {
             start: 'START',
             stop: 'STOP',
-            unchecked: 'Start unchecked',
+            unchecked: 'Skip checks and start',
             shortcut: 'Create desktop shortcut',
             help: 'Help',
-            refresh: 'Refresh and start',
+            refresh: 'Reapply mods and start',
-            cache: 'Clear cache',
+            cache: 'Clear mod cache',
         },
     },
     game: {

src/stores.ts

@@ -374,7 +374,7 @@ export const useClientStore = defineStore('client', () => {
     const theme: Ref<'light' | 'dark' | 'system'> = ref('system');
     const onboarded: Ref<Game[]> = ref([]);
     const locale: Ref<Locale> = ref('en');
-    const currentTab: Ref<string> = ref('');
+    const currentTab: Ref<string> = ref('users');
 
     const _scaleValue = (value: ScaleType) =>
         value === 's' ? 1 : value === 'm' ? 1.25 : value === 'l' ? 1.5 : 2;