From 55a6bf7636006f9b3618f75d92c334d8c8b032ac Mon Sep 17 00:00:00 2001
From: Aran Roig <aranseraroig@gmail.com>
Date: Sat, 18 Jul 2026 18:33:06 +0200
Subject: [PATCH] Save tree state

---
 template/app/components/TreeNode.vue     | 8 ++++----
 template/app/composables/useTreeState.ts | 8 ++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 template/app/composables/useTreeState.ts

diff --git a/template/app/components/TreeNode.vue b/template/app/components/TreeNode.vue
index cf91452..93889b6 100644
--- a/template/app/components/TreeNode.vue
+++ b/template/app/components/TreeNode.vue
@@ -1,14 +1,14 @@
 <script setup>
-import { ref } from 'vue'
+import { useTreeState } from '~/composables/useTreeState'
 
 defineProps({ nodes: Array, depth: { type: Number, default: 0 } })
 
 const router = useRouter()
-const collapsed = ref({})
+const { collapsed } = useTreeState()   // ← shared state, not local ref
 
 function getTitle(node) {
-  if (node.title == "index") return "Index"
-  return node.title || node._path?.split('/').pop() || 'Home';
+  if (node.title === 'index') return 'Index'
+  return node.title || node._path?.split('/').pop() || 'Home'
 }
 
 function navigate(path) {
diff --git a/template/app/composables/useTreeState.ts b/template/app/composables/useTreeState.ts
new file mode 100644
index 0000000..2673893
--- /dev/null
+++ b/template/app/composables/useTreeState.ts
@@ -0,0 +1,8 @@
+const collapsed = ref<Record<string, boolean>>({})
+
+export function useTreeState() {
+  function resetTree() {
+    collapsed.value = {}
+  }
+  return { collapsed, resetTree }
+}
\ No newline at end of file