524b9badf2
* feat: add form component * fix: build error * feat: add form adapter * feat: add some component * feat: add some component * feat: add example * feat: suppoer custom action button * chore: update * feat: add example * feat: add formModel,formDrawer demo * fix: build error * fix: typo * fix: ci error --------- Co-authored-by: jinmao <jinmao88@qq.com> Co-authored-by: likui628 <90845831+likui628@users.noreply.github.com>
38 lines
951 B
Vue
38 lines
951 B
Vue
<script setup lang="ts">
|
|
import type { SupportedLanguagesType } from '@vben/locales';
|
|
|
|
import { SUPPORT_LANGUAGES } from '@vben/constants';
|
|
import { Languages } from '@vben/icons';
|
|
import { loadLocaleMessages } from '@vben/locales';
|
|
import { preferences, updatePreferences } from '@vben/preferences';
|
|
import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
|
|
|
|
defineOptions({
|
|
name: 'LanguageToggle',
|
|
});
|
|
|
|
async function handleUpdate(value: string) {
|
|
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>
|
|
<Languages class="text-foreground size-4" />
|
|
</VbenIconButton>
|
|
</VbenDropdownRadioMenu>
|
|
</div>
|
|
</template>
|