2022-12-28 08:03:50 +09:00
|
|
|
<script lang="ts" setup>
|
2022-12-28 10:06:54 +09:00
|
|
|
import type { FontSize } from '~/types'
|
2022-12-28 08:03:50 +09:00
|
|
|
|
|
|
|
const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as FontSize[]
|
2022-12-28 10:06:54 +09:00
|
|
|
const fontSize = useFontSizeRef()
|
2022-12-28 08:03:50 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<select v-model="fontSize">
|
|
|
|
<option v-for="size in sizes" :key="size" :value="size">
|
|
|
|
{{ size }}
|
|
|
|
</option>
|
|
|
|
</select>
|
|
|
|
</template>
|