20 lines
561 B
Vue
20 lines
561 B
Vue
<template>
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
|
|
{{ locale.toUpperCase() }}
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li v-for="loc in SUPPORT_LOCALES" :key="loc">
|
|
<a class="dropdown-item" href="#" @click.prevent="setLocale(loc)">{{ loc.toUpperCase() }}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useI18n } from 'vue-i18n'
|
|
import { setLocale, SUPPORT_LOCALES } from '@/i18n.js'
|
|
|
|
const { locale } = useI18n()
|
|
</script>
|