vue-hook-optimizer 0.0.67 → 0.0.69

package/README.md

@@ -41,6 +41,8 @@ We can find out some variables are isolated, and some methods are over-associati
 - [x] support `options api`
 - [x] [vscode extension](./packages/vscode)
 - [x] support `React`
+- [x] eslint rules
+- [x] mcp server
 
 ## Contribution
 

package/dist/index.js

@@ -2006,16 +2006,18 @@ function getMermaidText(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PUR
   const direction = options.direction || "TB";
   const usedNodes = /* @__PURE__ */ new Set([...nodesUsedInTemplate, ...nodesUsedInStyle]);
   let mermaidText = `flowchart ${direction}
+    %% Legend:
+    %% () = variable node
+    %% [] = function node
+    %% * suffix = unused in template/style
+    %% A --> B means A depends on B
 `;
   graph.nodes.forEach((node) => {
-    const shape = node.type === "var" ? `((${node.label}))` : `{${node.label}}`;
-    const style = usedNodes.has(node.label) || node.info?.used?.size ? `style ${node.label} fill:#e1f5fe` : "";
-    mermaidText += `    ${node.label}${shape}
+    const shape = node.type === "var" ? "(" : "[";
+    const closeShape = node.type === "var" ? ")" : "]";
+    const unusedSuffix = !(usedNodes.has(node.label) || node.info?.used?.size) ? "*" : "";
+    mermaidText += `    ${node.label}${shape}${node.label}${unusedSuffix}${closeShape}
 `;
-    if (style) {
-      mermaidText += `    ${style}
-`;
-    }
   });
   graph.edges.forEach((edge, key) => {
     edge.forEach((to) => {