<script setup lang="ts">
|
import type { SupportedLanguagesType } from '..\..\..\..\locales\src';
|
|
import { SUPPORT_LANGUAGES } from '..\..\..\..\constants\src';
|
import { Languages } from '..\..\..\..\icons\src';
|
import { loadLocaleMessages } from '..\..\..\..\locales\src';
|
import { preferences, updatePreferences } from '..\..\..\..\preferences\src';
|
|
import { VbenDropdownRadioMenu, VbenIconButton } from '..\..\..\..\@core\ui-kit\shadcn-ui\src';
|
|
defineOptions({
|
name: 'LanguageToggle',
|
});
|
|
async function handleUpdate(value: string | undefined) {
|
if (!value) return;
|
const locale = value as SupportedLanguagesType;
|
updatePreferences({
|
app: {
|
locale,
|
},
|
});
|
await loadLocaleMessages(locale);
|
}
|
</script>
|
|
<template>
|
<div>
|
<VbenDropdownRadioMenu
|
:menus="SUPPORT_LANGUAGES"
|
:model-value="preferences.app.locale"
|
@update:model-value="handleUpdate"
|
>
|
<VbenIconButton class="hover:animate-[shrink_0.3s_ease-in-out]">
|
<Languages class="size-4 text-foreground" />
|
</VbenIconButton>
|
</VbenDropdownRadioMenu>
|
</div>
|
</template>
|
