24 lines
614 B
Vue
24 lines
614 B
Vue
<template>
|
|
<div class="dropdown is-hoverable">
|
|
<div class="dropdown-trigger">
|
|
<button class="button">
|
|
<span>{{ locale.toUpperCase() }}</span>
|
|
</button>
|
|
</div>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-content">
|
|
<button v-for="loc in SUPPORT_LOCALES" :key="loc" @click.prevent="setLocale(loc)" class="dropdown-item">
|
|
{{ loc.toUpperCase() }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useI18n } from 'vue-i18n'
|
|
import { setLocale, SUPPORT_LOCALES } from '@/i18n.js'
|
|
|
|
const { locale } = useI18n()
|
|
</script>
|