From cdd7147d8e20d4d73cce3c7dcd592febb88653f4 Mon Sep 17 00:00:00 2001
From: Vadim <vadim.olonin@gmail.com>
Date: Fri, 2 Oct 2026 20:36:17 +0300
Subject: [PATCH] ExpansionPanel

---
 src/components/ExpansionPanel.vue | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/components/ExpansionPanel.vue b/src/components/ExpansionPanel.vue
index d6b88f2..f5d54a7 100644
--- a/src/components/ExpansionPanel.vue
+++ b/src/components/ExpansionPanel.vue
@@ -1,13 +1,35 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 
 interface Props {
   title: string
+  /** localStorage key for the open/closed state; defaults to one derived from the title. */
+  storageKey?: string
 }
 
 const icons = ['mdi-chevron-right', 'mdi-chevron-down']
-const isOpen = ref(true)
-const { title } = defineProps<Props>()
+const { title, storageKey } = defineProps<Props>()
+
+const key = computed(() => `expansion-panel:${storageKey ?? title}`)
+
+function readStoredOpen(): boolean {
+  try {
+    return localStorage.getItem(key.value) !== 'closed'
+  } catch {
+    // ignore storage errors (e.g. disabled in private mode)
+    return true
+  }
+}
+
+const isOpen = ref(readStoredOpen())
+
+watch(isOpen, (value) => {
+  try {
+    localStorage.setItem(key.value, value ? 'open' : 'closed')
+  } catch {
+    // ignore storage errors (e.g. disabled in private mode)
+  }
+})
 
 const icon = computed(() => {
   return isOpen.value ? icons[1] : icons[0]