Store sidebar collapse state in localstorage

2025-12-16 12:16:20 +01:00
parent b6df80dcef
commit aa7543ad0c
1 changed files with 7 additions and 5 deletions
@@ -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;
-}
-
 </script>

 <template>