feat: internationalization

src/components/options/Keyboard.vue

@@ -5,27 +5,27 @@ import KeyboardKey from '../KeyboardKey.vue';
 import OptionCategory from '../OptionCategory.vue';
 import OptionRow from '../OptionRow.vue';
 import { usePrfStore } from '../../stores';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const prf = usePrfStore();
 </script>
 
 <template>
-    <OptionCategory title="Keyboard">
-        <OptionRow
-            title="Enable"
-            tooltip="Only applicable if the IO module is set to segatools built-in (keyboard) or a compatible third-party module (like mu3io.NET)"
-        >
+    <OptionCategory :title="t('cfg.keyboard.title')">
+        <OptionRow :title="t('enable')" :tooltip="t('cfg.keyboard.tooltip')">
             <ToggleSwitch v-model="prf.current!.data.keyboard!.data.enabled" />
         </OptionRow>
         <OptionRow
-            title="Lever mode"
+            :title="t('cfg.keyboard.leverMode')"
             v-if="prf.current!.data.keyboard!.game === 'Ongeki'"
         >
             <SelectButton
                 v-model="prf.current!.data.keyboard!.data.use_mouse"
                 :options="[
                     { title: 'XInput', value: false },
-                    { title: 'Mouse', value: true },
+                    { title: t('cfg.keyboard.mouse'), value: true },
                 ]"
                 :allow-empty="false"
                 option-label="title"