fix: font-size ssr
This commit is contained in:
parent
597617b7e6
commit
b40832a7eb
6 changed files with 34 additions and 19 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue