From 9b60bfff8dd30778d327c0b394b1f7ab03d08c0c Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Fri, 19 Feb 2021 17:41:33 +0100
Subject: [PATCH] build: dropped use of lodash

---
 package.json                                    |  1 -
 src/renderer/components/WorkspaceExploreBar.vue | 12 ++++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 4c89e3b3..c56b69a5 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,6 @@
     "electron-updater": "^4.3.5",
     "faker": "^5.3.1",
     "keytar": "^7.3.0",
-    "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "mssql": "^6.2.3",
     "mysql": "^2.18.1",
diff --git a/src/renderer/components/WorkspaceExploreBar.vue b/src/renderer/components/WorkspaceExploreBar.vue
index 6a914e6c..a781b1ef 100644
--- a/src/renderer/components/WorkspaceExploreBar.vue
+++ b/src/renderer/components/WorkspaceExploreBar.vue
@@ -117,7 +117,6 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex';
-import _ from 'lodash';// TODO: remove
 
 import Tables from '@/ipc-api/Tables';
 import Views from '@/ipc-api/Views';
@@ -172,6 +171,7 @@ export default {
          isNewSchedulerModal: false,
 
          localWidth: null,
+         debounceInterval: null,
          isDatabaseContext: false,
          isTableContext: false,
          isMiscContext: false,
@@ -199,9 +199,13 @@ export default {
       }
    },
    watch: {
-      localWidth: _.debounce(function (val) {
-         this.changeExplorebarSize(val);
-      }, 500),
+      localWidth (val) {
+         clearTimeout(this.debounceInterval);
+
+         this.debounceInterval = setTimeout(() => {
+            this.changeExplorebarSize(val);
+         }, 500);
+      },
       isSelected (val) {
          if (val) this.localWidth = this.explorebarSize;
       }