mirror of
https://github.com/kokonect-link/cherrypick
synced 2025-01-19 00:03:19 +09:00
45 lines
1.7 KiB
Vue
45 lines
1.7 KiB
Vue
<template>
|
|
<div class="_gaps">
|
|
<MkInfo>{{ i18n.ts._initialAccountSetting.theseSettingsCanEditLater }}</MkInfo>
|
|
|
|
<MkFolder>
|
|
<template #label>{{ i18n.ts.useBlurEffect }}</template>
|
|
<template #icon><i class="ti ti-blur"></i></template>
|
|
<template #suffix>{{ useBlurEffect ? i18n.ts.on : i18n.ts.off }}</template>
|
|
|
|
<MkInfo v-if="useBlurEffect" style="margin-bottom: 15px;" warn>{{ i18n.ts.performanceWarning }}</MkInfo>
|
|
<MkSwitch v-model="useBlurEffect">{{ i18n.ts.useBlurEffect }}<template #caption>{{ i18n.ts.useBlurEffectDescription }}</template></MkSwitch>
|
|
</MkFolder>
|
|
|
|
<MkFolder>
|
|
<template #label>{{ i18n.ts.useBlurEffectForModal }}</template>
|
|
<template #icon><i class="ti ti-blur"></i></template>
|
|
<template #suffix>{{ useBlurEffectForModal ? i18n.ts.on : i18n.ts.off }}</template>
|
|
|
|
<MkInfo v-if="useBlurEffectForModal" style="margin-bottom: 15px;" warn>{{ i18n.ts.performanceWarning }}</MkInfo>
|
|
<MkSwitch v-model="useBlurEffectForModal">{{ i18n.ts.useBlurEffectForModal }}</MkSwitch>
|
|
</MkFolder>
|
|
|
|
<MkInfo>{{ i18n.ts._initialAccountSetting.youCanEditMoreSettingsInSettingsPageLater }}</MkInfo>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed, ref, watch } from 'vue';
|
|
import { instance } from '@/instance';
|
|
import { i18n } from '@/i18n';
|
|
import MkSwitch from '@/components/MkSwitch.vue';
|
|
import MkInfo from '@/components/MkInfo.vue';
|
|
import MkFolder from '@/components/MkFolder.vue';
|
|
import * as os from '@/os';
|
|
import { $i } from '@/account';
|
|
import { defaultStore } from '@/store';
|
|
|
|
const useBlurEffect = computed(defaultStore.makeGetterSetter('useBlurEffect'));
|
|
const useBlurEffectForModal = computed(defaultStore.makeGetterSetter('useBlurEffectForModal'));
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
|
|
</style>
|