From a642fcd1fb8242a637d35ab3356bce0d6e0db030 Mon Sep 17 00:00:00 2001 From: Marco Crapts Date: Thu, 25 May 2023 22:56:56 +0200 Subject: [PATCH] collapse sidebar on resize --- src/App.vue | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/App.vue b/src/App.vue index 3b9ca21..377b1a4 100644 --- a/src/App.vue +++ b/src/App.vue @@ -12,11 +12,15 @@ import { windowIsMobile } from '@/utils/helpers' import SideBar from '@/components/SideBar.vue' import firebase from 'firebase/compat/app' import * as firebaseui from 'firebaseui' +import { useWindowSize } from '@vueuse/core' initializeSettings() const sideBarCollapsed = ref(windowIsMobile()) +const { width } = useWindowSize() +watch(width, () => (sideBarCollapsed.value = windowIsMobile())) + // const Note = defineAsyncComponent(() => import('@/components/ViewModes/Note.vue')) // const ListView = defineAsyncComponent(() => import('@/components/ViewModes/ListView.vue')) // const Mindmap = defineAsyncComponent(() => import('@/components/ViewModes/Mindmap.vue'))