31 lines
619 B
Vue
31 lines
619 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { computed } from 'vue'
|
||
|
|
import { useI18n } from 'vue-i18n'
|
||
|
|
import { NSelect } from 'naive-ui'
|
||
|
|
|
||
|
|
const { locale, availableLocales } = useI18n()
|
||
|
|
|
||
|
|
const options = computed(() =>
|
||
|
|
availableLocales.map(loc => ({
|
||
|
|
label: loc === 'zh' ? '中文' : 'English',
|
||
|
|
value: loc,
|
||
|
|
})),
|
||
|
|
)
|
||
|
|
|
||
|
|
function handleChange(val: string) {
|
||
|
|
locale.value = val
|
||
|
|
localStorage.setItem('hermes_locale', val)
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<NSelect
|
||
|
|
:value="locale"
|
||
|
|
:options="options"
|
||
|
|
size="tiny"
|
||
|
|
:consistent-menu-width="false"
|
||
|
|
style="width: 90px"
|
||
|
|
@update:value="handleChange"
|
||
|
|
/>
|
||
|
|
</template>
|