bump node deps/dev deps

Author: based-ghost

GhostUI/ClientApp/package.json

@@ -18,7 +18,7 @@
     "@microsoft/signalr": "^5.0.5",
     "axios": "^0.21.1",
     "bulma": "^0.9.2",
-    "core-js": "^3.10.1",
+    "core-js": "^3.11.0",
     "register-service-worker": "^1.7.2",
     "vue": "^2.6.12",
     "vue-class-component": "^7.2.6",
@@ -31,8 +31,8 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.10",
     "@types/jest": "^26.0.22",
-    "@typescript-eslint/eslint-plugin": "^4.21.0",
-    "@typescript-eslint/parser": "^4.21.0",
+    "@typescript-eslint/eslint-plugin": "^4.22.0",
+    "@typescript-eslint/parser": "^4.22.0",
     "@vue/cli-plugin-babel": "^4.5.12",
     "@vue/cli-plugin-e2e-nightwatch": "^4.5.12",
     "@vue/cli-plugin-eslint": "^4.5.12",
@@ -42,14 +42,14 @@
     "@vue/cli-service": "^4.5.12",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/test-utils": "1.1.3",
+    "@vue/test-utils": "1.1.4",
     "eslint": "^7.24.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.8.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-vue": "^7.9.0",
     "node-sass": "^5.0.0",
     "prettier": "^2.2.1",
     "sass-loader": "^10.1.1",
-    "ts-jest": "^26.5.4",
+    "ts-jest": "^26.5.5",
     "typescript": "^4.2.4",
     "vue-svg-loader": "^0.16.0",
     "vue-template-compiler": "^2.6.12",

GhostUI/ClientApp/src/plugins/vue-click-outside.ts

@@ -10,22 +10,19 @@ const vClickOutside = {
           console.warn(warnMsg);
         }
 
-        const bubble = binding.modifiers.bubble;
-
-        const handlerFn = (e) => {
-          if (bubble || (!el.contains(e.target) && el !== e.target)) {
+        el.clickOutsideEvent = function (e) {
+          e.stopPropagation();
+          if (!(el === e.target || el.contains(e.target))) {
             binding.value(e);
           }
-        };
+        }
 
-        el.__vueClickOutside__ = handlerFn;
-        DEFAULT_EVENTS.forEach((type) => document.addEventListener(type, handlerFn));
+        DEFAULT_EVENTS.forEach((type) => document.addEventListener(type, el.clickOutsideEvent));
       },
 
       unbind: function(el) {
-        if (el.__vueClickOutside__) {
-          DEFAULT_EVENTS.forEach((type) => document?.removeEventListener(type, el.__vueClickOutside__));
-          el.__vueClickOutside__ = null;
+        if (el.clickOutsideEvent) {
+          DEFAULT_EVENTS.forEach((type) => document?.removeEventListener(type, el.clickOutsideEvent));
         }
       }
     });