feat(i18n): add localized content for game page

This commit is contained in:
neilchen0812 committed 2026-09-22 02:33:53 +09:30
1 parent 87df12ac85
commit 03fbae616d
9 files changed
+90 -20

No files matched your search

+5 -2
View File
@@ -1,8 +1,11 @@
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { computed } from 'vue'
import MarkdownText from '../MarkdownText.vue'
import { useSession } from '../../store/session'
const { t } = useI18n()
const sessionStore = useSession()
const tasks = computed(() => {
console.log('session', sessionStore.session)
@@ -31,14 +34,14 @@ const tasks = computed(() => {
:content="sessionStore.quest.instruction"
/>
<br />
<p id="tasks" class="text-text">任務:</p>
<p id="tasks" class="text-text font-bold">{{ t('game.task') }}</p>
<ul v-if="sessionStore.session">
<li v-for="task in tasks" :key="task.id">
<MarkdownText :class="task.class" :content="task.content" />
</li>
</ul>
</div>
<p class="text-text" v-else>Loading...</p>
<p class="text-text" v-else>{{ t('game.loading') }}</p>
</div>
</div>
</template>