Remember toggle state of components in inspector

Author: SanderMertens

etc/js/components/widgets/inspector/entity-inspector-component.vue

@@ -111,7 +111,7 @@ export default { name: "entity-inspector-component" }
 </script>
 
 <script setup>
-import { defineEmits, defineProps, defineModel, ref, computed } from 'vue';
+import { defineEmits, defineProps, defineModel, ref, computed, onMounted } from 'vue';
 
 const props = defineProps({
   conn: {type: Object, required: true},
@@ -187,6 +187,7 @@ const canExpand = computed(() => {
 function toggle() {
   if (canExpand.value) {
     expand.value = !expand.value;
+    localStorage.setItem(`${props.fullName}.expand`, String(expand.value));
   }
 }
 
@@ -238,6 +239,10 @@ function onEntity(evt) {
   emit("selectEntity", evt);
 }
 
+onMounted(() => {
+  expand.value = localStorage.getItem(`${props.fullName}.expand`) === "true";
+});
+
 </script>
 
 <style scoped>