mirror of
https://github.com/elk-zone/elk
synced 2024-12-12 21:58:05 +09:00
19 lines
705 B
TypeScript
19 lines
705 B
TypeScript
import type { OldFontSize } from '~/composables/settings'
|
|
import { oldFontSizeMap } from '~/constants/options'
|
|
import { DEFAULT_FONT_SIZE } from '~/constants'
|
|
|
|
export default defineNuxtPlugin(() => {
|
|
const userSettings = useUserSettings()
|
|
const html = document.documentElement
|
|
watchEffect(() => {
|
|
const { fontSize } = userSettings.value
|
|
html.style.setProperty('--font-size', fontSize ? (oldFontSizeMap[fontSize as OldFontSize] ?? fontSize) : DEFAULT_FONT_SIZE)
|
|
})
|
|
watchEffect(() => {
|
|
html.classList.toggle('zen', userSettings.value.zenMode)
|
|
})
|
|
watchEffect(() => {
|
|
Object.entries(userSettings.value.themeColors || {}).forEach(([k, v]) => html.style.setProperty(k, v))
|
|
})
|
|
})
|