1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-19 17:18:00 +09:00
elk/components/nav/SelectFontSize.vue
2022-12-23 23:47:13 +01:00

22 lines
459 B
Vue

<script lang="ts" setup>
import { FontSize } from 'composables/fontSize'
const sizes = ['xs', 'sm', 'md', 'lg', 'xl']
</script>
<template>
<CommonDropdown>
<slot />
<template #popper>
<CommonDropdownItem
v-for="size in sizes"
:key="size"
:checked="size === fontSize"
@click="setFontSize(size as FontSize)"
>
{{ size }}
</CommonDropdownItem>
</template>
</CommonDropdown>
</template>