diff --git a/dashboard/src/components/SideBar.vue b/dashboard/src/components/SideBar.vue index 404359743..766c8951e 100644 --- a/dashboard/src/components/SideBar.vue +++ b/dashboard/src/components/SideBar.vue @@ -20,7 +20,7 @@ defineProps({ const sideBar = useTemplateRef('sideBar'); const isVisible = ref(false); -const isCollapsed = ref(true); +const isCollapsed = ref(!!window.localStorage['sideBarCollapsed']); function open() { isVisible.value = true; @@ -30,16 +30,18 @@ function close() { isVisible.value = false; } +function onToggleCollapse() { + isCollapsed.value = !isCollapsed.value; + if (isCollapsed.value) window.localStorage['sideBarCollapsed'] = 'true'; + else window.localStorage.removeItem('sideBarCollapsed'); +} + onMounted(() => { onSwipe(sideBar.value, (direction) => { if (direction === 'left') close(); }); }); -function onToggleCollapse() { - isCollapsed.value = !isCollapsed.value; -} -