refactor: refacotr preference

packages/business/common-ui/src/preferences/blocks/general/general.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import type { SelectListItem } from '@vben/types';
+
+import { SUPPORT_LANGUAGES } from '@vben-core/preferences';
+
+import { $t } from '@vben/locales';
+
+import SelectItem from '../select-item.vue';
+import SwitchItem from '../switch-item.vue';
+
+defineOptions({
+  name: 'PreferenceGeneralConfig',
+});
+
+const locale = defineModel<string>('locale');
+const dynamicTitle = defineModel<boolean>('dynamicTitle');
+const shortcutKeys = defineModel<boolean>('shortcutKeys');
+
+const localeItems: SelectListItem[] = SUPPORT_LANGUAGES.map((item) => ({
+  label: item.text,
+  value: item.key,
+}));
+</script>
+
+<template>
+  <SelectItem v-model="locale" :items="localeItems">
+    {{ $t('preference.language') }}
+  </SelectItem>
+  <SwitchItem v-model="dynamicTitle">
+    {{ $t('preference.dynamic-title') }}
+  </SwitchItem>
+  <SwitchItem v-model="shortcutKeys">
+    {{ $t('preference.shortcut-key') }}
+  </SwitchItem>
+</template>