ami/tl-vikunja
1
0
Fork 0
Code Activity

feat(user): migrate color scheme settings to persistance in db

Browse Source
This commit is contained in:
kolaente
2023-06-12 15:57:18 +02:00
parent 4b0022664a
commit 5325f6d7d9
5 changed files with 18 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/composables/useColorScheme.ts
View File

@ -1,6 +1,7 @@
import {computed, watch, readonly} from 'vue'
import {useStorage, createSharedComposable, usePreferredColorScheme, tryOnMounted} from '@vueuse/core'
import {createSharedComposable, usePreferredColorScheme, tryOnMounted} from '@vueuse/core'
import type {BasicColorSchema} from '@vueuse/core'
import {useAuthStore} from '@/stores/auth'
const STORAGE_KEY = 'color-scheme'
@ -17,7 +18,8 @@ const CLASS_LIGHT = 'light'
// - value is synced via `createSharedComposable`
// https://github.com/vueuse/vueuse/blob/main/packages/core/useDark/index.ts
export const useColorScheme = createSharedComposable(() => {
const store = useStorage<BasicColorSchema>(STORAGE_KEY, DEFAULT_COLOR_SCHEME_SETTING)
const authStore = useAuthStore()
const store = computed(() => authStore.settings.frontendSettings.colorSchema)
const preferredColorScheme = usePreferredColorScheme()