<script setup lang="ts">
|
import { computed } from 'vue';
|
|
import { $t } from '..\..\..\..\..\..\..\locales\src';
|
import { isWindowsOs } from '..\..\..\..\..\..\..\utils\src';
|
|
import SwitchItem from '../switch-item.vue';
|
|
defineOptions({
|
name: 'PreferenceGeneralConfig',
|
});
|
|
const shortcutKeysEnable = defineModel<boolean>('shortcutKeysEnable');
|
const shortcutKeysGlobalSearch = defineModel<boolean>(
|
'shortcutKeysGlobalSearch',
|
);
|
const shortcutKeysLogout = defineModel<boolean>('shortcutKeysLogout');
|
// const shortcutKeysPreferences = defineModel<boolean>('shortcutKeysPreferences');
|
const shortcutKeysLockScreen = defineModel<boolean>('shortcutKeysLockScreen');
|
const shortcutKeysEscape = defineModel<boolean>('shortcutKeysEscape');
|
|
const altView = computed(() => (isWindowsOs() ? 'Alt' : '⌥'));
|
</script>
|
|
<template>
|
<SwitchItem v-model="shortcutKeysEnable">
|
{{ $t('preferences.shortcutKeys.title') }}
|
</SwitchItem>
|
<SwitchItem
|
v-model="shortcutKeysGlobalSearch"
|
:disabled="!shortcutKeysEnable"
|
>
|
{{ $t('preferences.shortcutKeys.search') }}
|
<template #shortcut>
|
{{ isWindowsOs() ? 'Ctrl' : '⌘' }}
|
<kbd> K </kbd>
|
</template>
|
</SwitchItem>
|
<SwitchItem v-model="shortcutKeysLogout" :disabled="!shortcutKeysEnable">
|
{{ $t('preferences.shortcutKeys.logout') }}
|
<template #shortcut> {{ altView }} Q </template>
|
</SwitchItem>
|
<!-- <SwitchItem v-model="shortcutKeysPreferences" :disabled="!shortcutKeysEnable">
|
{{ $t('preferences.shortcutKeys.preferences') }}
|
<template #shortcut> {{ altView }} , </template>
|
</SwitchItem> -->
|
<SwitchItem v-model="shortcutKeysLockScreen" :disabled="!shortcutKeysEnable">
|
{{ $t('ui.widgets.lockScreen.title') }}
|
<template #shortcut> {{ altView }} L </template>
|
</SwitchItem>
|
<SwitchItem v-model="shortcutKeysEscape" :disabled="!shortcutKeysEnable">
|
{{ $t('preferences.shortcutKeys.escape') }}
|
<template #shortcut> Esc </template>
|
</SwitchItem>
|
</template>
|
