mirror of
https://github.com/elk-zone/elk.git
synced 2024-11-29 13:58:54 +03:00
16 lines
565 B
Vue
16 lines
565 B
Vue
<script lang="ts" setup>
|
|
import { DEFAULT_FONT_SIZE } from '~/constants'
|
|
import type { FontSize } from '~/composables/settings'
|
|
|
|
const userSettings = useUserSettings()
|
|
|
|
const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as FontSize[]
|
|
</script>
|
|
|
|
<template>
|
|
<select v-model="userSettings.fontSize">
|
|
<option v-for="size in sizes" :key="size" :value="size" :selected="userSettings.fontSize === size">
|
|
{{ `${$t(`settings.interface.size_label.${size}`)}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
|
|
</option>
|
|
</select>
|
|
</template>
|