18 lines
482 B
TypeScript
18 lines
482 B
TypeScript
import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
|
|
import { watchEffect } from 'vue'
|
|
|
|
export const useUserSettings = () => {
|
|
const store = useUserRepoStore()
|
|
|
|
watchEffect(() => {
|
|
const fontFamily = store.userSettings?.fontFamily
|
|
const root = document.documentElement
|
|
|
|
if (fontFamily) {
|
|
root.style.setProperty('--font-family', fontFamily)
|
|
} else {
|
|
root.style.setProperty('--font-family', "'Courier Prime', monospace")
|
|
}
|
|
})
|
|
}
|