feat: pause menu, accessibility improvements, main menu polish, roadmap update

src/components/AccessibilitySettings.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import { useGameStore } from '@/stores/gameStore'
+import { useI18n } from '@/composables/useI18n'
 
 const store = useGameStore()
+const { currentLang, setLang } = useI18n()
 
 const emit = defineEmits<{
   close: []
@@ -17,6 +19,13 @@ const bgAlphaOptions = [0, 0.3, 0.5, 0.7, 0.9]
       <h2 class="settings-title">设置</h2>
 
       <div class="settings-body">
+        <div class="setting-row">
+          <span class="setting-label">语言</span>
+          <select :value="currentLang" @change="setLang(($event.target as HTMLSelectElement).value as 'zh' | 'en')">
+            <option value="zh">中文</option>
+            <option value="en">English</option>
+          </select>
+        </div>
         <div class="setting-row">
           <span class="setting-label">字幕字号</span>
           <select :value="store.subFontSize" @change="store.setSubFontSize(+($event.target as HTMLSelectElement).value)">