switch to composition api

Author: benceruleanlu

src/stores/contextKeyStore.ts

@@ -1,92 +1,91 @@
 import { defineStore } from 'pinia'
+import { reactive } from 'vue'
 
-/**
- * Store for context keys.
- * Holds arbitrary key-value pairs globally throughout the app.
- */
-export const useContextKeyStore = defineStore('contextKeys', {
-  state: () => ({
-    contextKeys: {} as Record<string, any>
-  }),
+export const useContextKeyStore = defineStore('contextKeys', () => {
+  const contextKeys = reactive<Record<string, any>>({})
 
-  getters: {
-    /**
-     * Get a stored context key by path
-     * @param {string} path - The path to the context key (e.g., 'a.b.c').
-     * @returns {any} The value of the context key, or undefined if not found.
-     */
-    getContextKey:
-      (state) =>
-      (path: string): any => {
-        if (!path) return undefined
-        const keys = path.split('.')
-        let node: any = state.contextKeys
-        for (const key of keys) {
-          if (!node || typeof node !== 'object' || !(key in node)) {
-            return undefined
-          }
-          node = node[key]
-        }
-        return node
+  /**
+   * Get a stored context key by path
+   * @param {string} path - The path to the context key (e.g., 'a.b.c').
+   * @returns {any} The value of the context key, or undefined if not found.
+   */
+  function getContextKey(path: string): any {
+    if (!path) return undefined
+    const keys = path.split('.')
+    let node: any = contextKeys
+    for (const key of keys) {
+      if (!node || typeof node !== 'object' || !(key in node)) {
+        return undefined
       }
-  },
+      node = node[key]
+    }
+    return node
+  }
 
-  actions: {
-    /**
-     * Set or update a context key value at a given path
-     * @param {string} path - The path to the context key (e.g., 'a.b.c').
-     * @param {any} value - The value to set for the context key.
-     */
-    setContextKey(path: string, value: any) {
-      if (!path) return
-      const keys = path.split('.')
-      const last = keys.pop()!
-      let node: any = this.contextKeys
-      for (const key of keys) {
-        if (typeof node[key] !== 'object' || node[key] === null) {
-          node[key] = {}
-        }
-        node = node[key]
+  /**
+   * Set or update a context key value at a given path
+   * @param {string} path - The path to the context key (e.g., 'a.b.c').
+   * @param {any} value - The value to set for the context key.
+   */
+  function setContextKey(path: string, value: any) {
+    if (!path) return
+    const keys = path.split('.')
+    const last = keys.pop()!
+    let node: any = contextKeys
+    for (const key of keys) {
+      if (typeof node[key] !== 'object' || node[key] === null) {
+        node[key] = {}
       }
-      node[last] = value
-    },
+      node = node[key]
+    }
+    node[last] = value
+  }
 
-    /**
-     * Remove a context key by path
-     * @param {string} path - The path to the context key to remove (e.g., 'a.b.c').
-     */
-    removeContextKey(path: string) {
-      if (!path) return
-      const keys = path.split('.')
-      const last = keys.pop()
-      if (!last) return
-      const stack: any[] = [this.contextKeys]
-      let node: any = this.contextKeys
-      for (const key of keys) {
-        if (typeof node[key] !== 'object' || node[key] === null) return
-        node = node[key]
-        stack.push(node)
-      }
-      delete node[last]
-      // prune empty ancestors
-      for (let i = stack.length - 1; i > 0; i--) {
-        const parent = stack[i - 1]
-        const key = keys[i - 1]
-        if (
-          parent[key] &&
-          typeof parent[key] === 'object' &&
-          Object.keys(parent[key]).length === 0
-        ) {
-          delete parent[key]
-        }
+  /**
+   * Remove a context key by path
+   * @param {string} path - The path to the context key to remove (e.g., 'a.b.c').
+   */
+  function removeContextKey(path: string) {
+    if (!path) return
+    const keys = path.split('.')
+    const last = keys.pop()
+    if (!last) return
+    const stack: any[] = [contextKeys]
+    let node: any = contextKeys
+    for (const key of keys) {
+      if (typeof node[key] !== 'object' || node[key] === null) return
+      node = node[key]
+      stack.push(node)
+    }
+    delete node[last]
+    // prune empty ancestors
+    for (let i = stack.length - 1; i > 0; i--) {
+      const parent = stack[i - 1]
+      const key = keys[i - 1]
+      if (
+        parent[key] &&
+        typeof parent[key] === 'object' &&
+        Object.keys(parent[key]).length === 0
+      ) {
+        delete parent[key]
       }
-    },
+    }
+  }
 
-    /**
-     * Clear all context keys
-     */
-    clearAllContextKeys() {
-      this.contextKeys = {}
+  /**
+   * Clear all context keys
+   */
+  function clearAllContextKeys() {
+    for (const key in contextKeys) {
+      delete contextKeys[key]
     }
   }
+
+  return {
+    contextKeys,
+    getContextKey,
+    setContextKey,
+    removeContextKey,
+    clearAllContextKeys
+  }
 })