chore(lint): update ESLInt and Prettier

jledentu · jledentu · Nov 13, 2023 · Nov 13, 2023 · Nov 13, 2023 · 98ff695fc50898ce50001e1841e2608d69faf08e
commit 98ff695fc50898ce50001e1841e2608d69faf08e
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -16,7 +16,7 @@ module.exports = {
 
   async viteFinal(config) {
     const { config: userConfig } = await loadConfigFromFile(
-      path.resolve(__dirname, "../vite.config.js")
+      path.resolve(__dirname, "../vite.config.js"),
     );
 
     return {

diff --git a/package.json b/package.json
@@ -93,20 +93,20 @@
     "core-js": "^2",
     "cz-conventional-changelog": "^3.1.0",
     "dot": "^1.1.3",
-    "eslint": "^8.11.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint": "^8.53.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-custom-alias": "^1.3.2",
-    "eslint-import-resolver-webpack": "^0.13.2",
-    "eslint-plugin-html": "^6.2.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-import-resolver-webpack": "^0.13.8",
+    "eslint-plugin-html": "^7.1.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-vue": "^8.5.0",
+    "eslint-plugin-vue": "^9.18.1",
     "happy-dom": "^12.10.3",
     "husky": "^4.2.3",
     "jest-serializer-vue": "^3.1.0",
     "lint-staged": "^10.0.7",
-    "prettier": "^2.5.1",
+    "prettier": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup": "^2.70.1",

diff --git a/src/components/Finder.vue b/src/components/Finder.vue
@@ -17,7 +17,7 @@ function renderTree(h, context, item) {
   }
 
   const expandedChild = item.children.find((child) =>
-    context.treeModel.isNodeExpanded(child.id)
+    context.treeModel.isNodeExpanded(child.id),
   );
 
   const options = {
@@ -413,7 +413,7 @@ export default {
           duration,
           scrollLeft,
           scrollDistance,
-          scrollDuration
+          scrollDuration,
         );
         window.requestAnimationFrame(step);
       };

diff --git a/src/components/FinderItem.vue b/src/components/FinderItem.vue
@@ -141,7 +141,7 @@ export default {
       if (newValue && this.canDrop && !this.node.isLeaf) {
         this.dragOverTimeout = setTimeout(
           () => this.treeModel.expandNode(this.node.id, "dragover"),
-          500
+          500,
         );
       } else {
         if (this.dragOverTimeout) {

diff --git a/src/components/FinderList.vue b/src/components/FinderList.vue
@@ -111,7 +111,7 @@ export default {
     expandedItemIndex() {
       return Math.max(
         0,
-        this.items.findIndex((item) => this.treeModel.isNodeExpanded(item.id))
+        this.items.findIndex((item) => this.treeModel.isNodeExpanded(item.id)),
       );
     },
   },

diff --git a/src/components/__tests__/FinderItem.test.js b/src/components/__tests__/FinderItem.test.js
@@ -204,7 +204,7 @@ describe("FinderItem", () => {
         expect(dataTransfer.setDragImage).not.toHaveBeenCalled();
         expect(dataTransfer.setData).toHaveBeenCalledWith(
           "text/plain",
-          "test111"
+          "test111",
         );
         expect(treeModel.startDrag).toHaveBeenCalledWith("test111");
       });
@@ -229,7 +229,7 @@ describe("FinderItem", () => {
         expect(dataTransfer.setDragImage).not.toHaveBeenCalled();
         expect(dataTransfer.setData).toHaveBeenCalledWith(
           "text/plain",
-          "test111"
+          "test111",
         );
         expect(treeModel.startDrag).toHaveBeenCalledWith("test111");
       });
@@ -290,7 +290,7 @@ describe("FinderItem", () => {
         expect(dataTransfer.setDragImage).toHaveBeenCalledWith(
           ghost.vm.$el,
           0,
-          0
+          0,
         );
       });
     });
@@ -314,7 +314,7 @@ describe("FinderItem", () => {
 
         expect(treeModel.expandNode).toHaveBeenCalledWith(
           "test111",
-          "dragover"
+          "dragover",
         );
       });
 

diff --git a/src/utils/__tests__/tree-model.test.js b/src/utils/__tests__/tree-model.test.js
@@ -141,7 +141,7 @@ describe("TreeModel", () => {
           {
             id: "test12",
           },
-        ]
+        ],
       );
       expect(model.isNodeSelected("test12")).toBe(true);
     });
@@ -415,7 +415,7 @@ describe("TreeModel", () => {
             { id: "test11" },
             { id: "test112" },
             { id: "test12" },
-          ]
+          ],
         );
         expect(onMove).toHaveBeenCalledWith({
           moved: "test12",
@@ -462,7 +462,7 @@ describe("TreeModel", () => {
         expect(onExpand).toHaveBeenCalledWith(
           ["test1", "test11", "test12"],
           "drop",
-          [{ id: "test1" }, { id: "test11" }, { id: "test12" }]
+          [{ id: "test1" }, { id: "test11" }, { id: "test12" }],
         );
         expect(onMove).toHaveBeenCalledWith({
           moved: "test12",

diff --git a/src/utils/__tests__/tree-utils.test.js b/src/utils/__tests__/tree-utils.test.js
@@ -51,7 +51,7 @@ describe("Tree Utils", () => {
               id: "test12",
             },
           ],
-        })
+        }),
       ).toEqual({
         test1: {
           id: "test1",
@@ -143,13 +143,13 @@ describe("Tree Utils", () => {
 
     it("should return the filtered nodes", () => {
       expect(
-        sortBy(getFilteredNodes((node) => node.keep, "test1", nodesMap))
+        sortBy(getFilteredNodes((node) => node.keep, "test1", nodesMap)),
       ).toEqual(["test1", "test11", "test112", "test12"]);
     });
 
     it("should return [] if no node matches", () => {
       expect(
-        getFilteredNodes((node) => node.id === "notfound", "test1", nodesMap)
+        getFilteredNodes((node) => node.id === "notfound", "test1", nodesMap),
       ).toEqual([]);
     });
   });

diff --git a/src/utils/tree-model.js b/src/utils/tree-model.js
@@ -64,7 +64,7 @@ export default class extends EventManager {
       parent.children = differenceBy(
         parent.children || [],
         [node],
-        ({ id }) => id
+        ({ id }) => id,
       );
     }
   }
@@ -102,7 +102,7 @@ export default class extends EventManager {
             .map((child) =>
               this._computeVisibleTree(child.id, {
                 expanded,
-              })
+              }),
             )
         : [],
       isLeaf: children.length === 0,
@@ -135,7 +135,7 @@ export default class extends EventManager {
       "expand",
       this.expanded,
       sourceEvent,
-      this.expanded.map((id) => this._getNodeData(id))
+      this.expanded.map((id) => this._getNodeData(id)),
     );
   }
 
@@ -151,17 +151,17 @@ export default class extends EventManager {
       ? getFilteredNodes(
           (node) => node.selectable !== false,
           nodeId,
-          this.nodesMap
+          this.nodesMap,
         )
       : [nodeId];
     this.selected = (isSelected ? union : difference)(
       this.selected,
-      nodeIdsToSelect
+      nodeIdsToSelect,
     );
     this.trigger(
       "select",
       this.selected,
-      this.selected.map((id) => this._getNodeData(id))
+      this.selected.map((id) => this._getNodeData(id)),
     );
   }
 
@@ -277,7 +277,7 @@ export default class extends EventManager {
       this.filtered = getFilteredNodes(
         this._filter,
         this.root.id,
-        this.nodesMap
+        this.nodesMap,
       );
     }
   }

diff --git a/stories/index.stories.js b/stories/index.stories.js
@@ -15,7 +15,7 @@ function createChildren(parentId, parentLabel, parentIndex, parentDepth) {
               `${parentId}-${index + 1}`,
               `${parentLabel} > ${index + 1}`,
               index,
-              parentDepth + 1
+              parentDepth + 1,
             )
           : [],
     });