footer
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user