a4736a49f8
* chore: update deps * feat: use jsonc/x language * chore: update eslint 10.0 * fix: no-useless-assignment * feat: add CLAUDE.md * chore: ignore * feat: claude * fix: lint * chore: suppot eslint v10 * fix: lint * fix: lint * fix: type check * fix: unit test * fix: Suggested fix * fix: unit test * chore: update stylelint v17 * chore: update all major deps * fix: echarts console warn * chore: update vitest v4 * feat: add skills ignores * chore: update deps * chore: update deps * fix: cspell * chore: update deps * chore: update tailwindcss v4 * chore: remove postcss config * fix: no use catalog * chore: tailwind v4 config * fix: tailwindcss v4 sort * feat: use eslint-plugin-better-tailwindcss * fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier * fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier * fix(lint): resolve prettier and better-tailwindcss formatting conflicts * fix(tailwind): update theme references and lint sources * style(format): normalize apps docs and playground vue files * style(format): normalize core ui-kit components * style(format): normalize effects ui and layout components
40 lines
1.0 KiB
Vue
40 lines
1.0 KiB
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 | 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>
|