Migrations/bookorbit
1
0
Fork 0
mirror of https://github.com/bookorbit/bookorbit.git synced 2026-11-03 00:11:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(client): make display settings refs singletons for live updates

Browse Source
This commit is contained in:
neon
2026-01-21 15:36:39 -06:00
parent 73d66b75e3
commit 5e1c211067
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/composables/useDisplaySettings.ts
+8 -8
View File
@@ -1,14 +1,14 @@
import { ref, watch } from 'vue'
import { storage } from '@/services/storage'
const coverSize = ref(storage.get('coverSize', 150))
const gridGap = ref(storage.get('gridGap', 16))
const viewMode = ref<'grid' | 'list'>(storage.get('viewMode', 'grid'))
watch(coverSize, (v) => storage.set('coverSize', v))
watch(gridGap, (v) => storage.set('gridGap', v))
watch(viewMode, (v) => storage.set('viewMode', v))
export function useDisplaySettings() {
const coverSize = ref(storage.get('coverSize', 150))
const gridGap = ref(storage.get('gridGap', 16))
const viewMode = ref<'grid' | 'list'>(storage.get('viewMode', 'grid'))
watch(coverSize, (v) => storage.set('coverSize', v))
watch(gridGap, (v) => storage.set('gridGap', v))
watch(viewMode, (v) => storage.set('viewMode', v))
return { coverSize, gridGap, viewMode }
}