elk/components/settings/SettingsFontSize.vue

16 lines
479 B
Vue
Raw Normal View History

<script lang="ts" setup>
2022-12-29 21:08:50 +01:00
import { DEFAULT_FONT_SIZE } from '~/constants'
import type { FontSize } from '~/types'
const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as FontSize[]
const fontSize = useFontSizeRef()
</script>
<template>
<select v-model="fontSize">
2022-12-28 04:50:29 +01:00
<option v-for="size in sizes" :key="size" :value="size" :selected="fontSize === size">
2022-12-29 21:08:50 +01:00
{{ `${size}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
</option>
</select>
</template>