extern/fediwall
1
0
Fork 1
mirror of https://github.com/defnull/fediwall.git synced 2024-11-25 00:53:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Code cleanup

Browse Source
This commit is contained in:
Marcel Hellkamp 2023-07-27 17:36:10 +02:00
parent 2afc9f41d2
commit 3c65cfdd6c
1 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/App.vue
View File

@ -32,27 +32,6 @@ onBeforeUnmount(() => {
stopUpdates()
})
// Re-layout Masonry on dom updates or window size changes
const fixLayout = inject('redrawVueMasonry') as () => void
onUpdated(() => fixLayout())
const windowSize = useWindowSize()
watchDebounced(windowSize.width, () => { fixLayout() }, { debounce: 500, maxWait: 1000 })
// Watch for a theme changes
const isDartPrefered = usePreferredDark()
const actualTheme = computed(() => {
var theme = config.value?.theme
if (!theme || theme === "auto")
theme = isDartPrefered.value ? "dark" : "light"
return theme
})
watch(actualTheme, () => {
document.body!.parentElement!.dataset.bsTheme = actualTheme.value
})
// Watch for a update interval changes
watch(() => config.value?.interval, () => restartUpdates())
// Pause updates while tab/window is hidden
const visibilityState = useDocumentVisibility()
watch(visibilityState, () => {
@ -62,6 +41,26 @@ watch(visibilityState, () => {
restartUpdates()
})
// Re-layout Masonry on dom updates or window size changes
const fixLayout = inject('redrawVueMasonry') as () => void
onUpdated(() => fixLayout())
const windowSize = useWindowSize()
watchDebounced(windowSize.width, () => { fixLayout() }, { debounce: 500, maxWait: 1000 })
// Watch for a theme changes
const isDarkPrefered = usePreferredDark()
const actualTheme = computed(() => {
var theme = config.value?.theme
if (!theme || theme === "auto")
theme = isDarkPrefered.value ? "dark" : "light"
return theme
})
watch(actualTheme, () => {
document.body!.parentElement!.dataset.bsTheme = actualTheme.value
})
// Watch for a update interval changes
watch(() => config.value?.interval, () => restartUpdates())