holm/fediwall
1
1
Fork 0
forked from extern/fediwall
Code Issues Pull Requests 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() 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 // Pause updates while tab/window is hidden
const visibilityState = useDocumentVisibility() const visibilityState = useDocumentVisibility()
watch(visibilityState, () => { watch(visibilityState, () => {
@ -62,6 +41,26 @@ watch(visibilityState, () => {
restartUpdates() 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())