This commit is contained in:
2025-10-31 15:29:59 +08:00
parent d897ce85d4
commit e7271258b9
7 changed files with 117 additions and 27 deletions
+11 -16
View File
@@ -1,22 +1,17 @@
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
// 使用 vue-i18n 的 Composition API
const { t, locale } = useI18n()
// 切换语言的函数
const changeLanguage = (lang: string) => {
locale.value = lang
// 可选:将用户选择的语言保存到 localStorage
//localStorage.setItem('userLanguage', lang)
}
</script>
<template>
<div>
<h3>{{ t('message.hello') }}</h3>
<button>{{ t('button.submit') }}</button>
<button @click="changeLanguage('en')">English</button>
<button @click="changeLanguage('zh-CN')">中文</button>
</div>
<div class="container-xl">
<div class="row g-2 align-items-center">
<div class="col">
<h2 class="page-title">
Empty page
</h2>
</div>
</div>
</div>
</template>