fix: font-size ssr

This commit is contained in:
Anthony Fu 2022-12-24 00:19:17 +01:00
parent 597617b7e6
commit b40832a7eb
6 changed files with 34 additions and 19 deletions

View file

@ -1,6 +1,8 @@
<script lang="ts" setup>
import { FontSize } from 'composables/fontSize'
const sizes = ['xs', 'sm', 'md', 'lg', 'xl']
import type { FontSize } from '~/composables/fontSize'
const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as FontSize[]
const fontSize = getFontSize()
</script>
<template>
@ -12,7 +14,7 @@ const sizes = ['xs', 'sm', 'md', 'lg', 'xl']
v-for="size in sizes"
:key="size"
:checked="size === fontSize"
@click="setFontSize(size as FontSize)"
@click="fontSize = size"
>
{{ size }}
</CommonDropdownItem>