Techit Thawiang
29 lines
626 B
Vue
Executable File
29 lines
626 B
Vue
Executable File
<script setup>
|
|
const { t, locale, setLocale } = useI18n()
|
|
const currentLocale = ref(locale.value)
|
|
|
|
const toggleLocale = () => {
|
|
const newLocale = currentLocale.value === 'en' ? 'th' : 'en'
|
|
setLocale(newLocale).then(() => {
|
|
window.location.reload()
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<ClientOnly>
|
|
<UTooltip :text="t('ui.language.tooltip')">
|
|
<UButton
|
|
@click="toggleLocale"
|
|
variant="outline"
|
|
color="neutral"
|
|
size="sm"
|
|
:label="t('ui.language.switch')"
|
|
/>
|
|
</UTooltip>
|
|
<template #fallback>
|
|
<USkeleton class="size-7" />
|
|
</template>
|
|
</ClientOnly>
|
|
</template>
|