chore: to squash

Author: gusa4grr

app/components/CollapsibleSection.vue

@@ -24,7 +24,7 @@ const isOpen = shallowRef(true)
 
 onPrehydrate(() => {
   const sidebar = JSON.parse(localStorage.getItem('npmx-settings') || '{}')
-  const collapsed: string[] = sidebar?.sidebarCollapsedSections || []
+  const collapsed: string[] = sidebar?.sidebar?.collapsed || []
   for (const id of collapsed) {
     if (!document.documentElement.dataset.collapsed?.split(' ').includes(id)) {
       document.documentElement.dataset.collapsed = (
@@ -47,17 +47,16 @@ onMounted(() => {
 function toggle() {
   isOpen.value = !isOpen.value
 
-  const removed = userLocalSettings.value.sidebarCollapsedSections.filter(c => c !== props.id)
+  const removed = userLocalSettings.value.sidebar.collapsed.filter(c => c !== props.id)
 
   if (isOpen.value) {
-    userLocalSettings.value.sidebarCollapsedSections = removed
+    userLocalSettings.value.sidebar.collapsed = removed
   } else {
     removed.push(props.id)
-    userLocalSettings.value.sidebarCollapsedSections = removed
+    userLocalSettings.value.sidebar.collapsed = removed
   }
 
-  document.documentElement.dataset.collapsed =
-    userLocalSettings.value.sidebarCollapsedSections.join(' ')
+  document.documentElement.dataset.collapsed = userLocalSettings.value.sidebar.collapsed.join(' ')
 }
 
 const ariaLabel = computed(() => {

app/composables/useUserLocalSettings.ts

@@ -1,13 +1,17 @@
 interface UserLocalSettings {
-  sidebarCollapsedSections: string[]
+  sidebar: {
+    collapsed: string[]
+  }
   connector: {
     autoOpenURL: boolean
   }
 }
 
 const STORAGE_KEY = 'npmx-settings'
 const DEFAULT_USER_LOCAL_SETTINGS: UserLocalSettings = {
-  sidebarCollapsedSections: [],
+  sidebar: {
+    collapsed: [],
+  },
   connector: {
     autoOpenURL: false,
   },

app/utils/prehydrate.ts

@@ -52,6 +52,6 @@ export function initPreferencesOnPrehydrate() {
 
     // Read sidebar preferences from separate localStorage key
     const sidebar = JSON.parse(localStorage.getItem('npmx-settings') || '{}')
-    document.documentElement.dataset.collapsed = sidebar.sidebarCollapsedSections?.join(' ') ?? ''
+    document.documentElement.dataset.collapsed = sidebar.sidebar?.collapsed?.join(' ') ?? ''
   })
 }

test/nuxt/components/HeaderConnectorModal.spec.ts

@@ -113,7 +113,9 @@ function simulateConnect() {
 }
 
 const mockUserLocalSettings = ref({
-  sidebarCollapsedSections: [],
+  sidebar: {
+    collapsed: [],
+  },
   connector: {
     autoOpenURL: false,
   },