From a04bcd196b40eb7612e6867da80e57f3ca007639 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sat, 30 May 2020 06:14:02 +0530
Subject: [PATCH] :fire: Removed stale dependency: vue-virtual-scroll-list

---
 assets/css/styles.scss            |  4 ++++
 components/collections/index.vue  | 12 +++---------
 components/environments/index.vue | 12 +++---------
 components/firebase/feeds.vue     | 13 ++-----------
 components/layout/history.vue     | 10 ++--------
 package-lock.json                 |  5 -----
 package.json                      |  1 -
 7 files changed, 14 insertions(+), 43 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 4c388352..bd2dae65 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -953,3 +953,7 @@ section {
     margin-left: 8px !important;
   }
 }
+
+.virtual-list {
+  overflow: auto;
+}
diff --git a/components/collections/index.vue b/components/collections/index.vue
index a75aff7d..f5fed968 100644
--- a/components/collections/index.vue
+++ b/components/collections/index.vue
@@ -64,12 +64,7 @@ TODO:
     <p v-if="collections.length === 0" class="info">
       Create new collection
     </p>
-    <virtual-list
-      class="virtual-list"
-      :class="{ filled: collections.length }"
-      :size="152"
-      :remain="Math.min(5, collections.length)"
-    >
+    <div class="virtual-list">
       <ul>
         <li v-for="(collection, index) in collections" :key="collection.name">
           <collection
@@ -85,7 +80,7 @@ TODO:
           <label>Collections are empty</label>
         </li>
       </ul>
-    </virtual-list>
+    </div>
     <nuxt-link :to="localePath('doc')" :aria-label="$t('documentation')">
       <button class="icon">
         <i class="material-icons">books</i>
@@ -120,7 +115,6 @@ export default {
     editFolder: () => import("./editFolder"),
     editRequest: () => import("./editRequest"),
     importExportCollections: () => import("./importExportCollections"),
-    VirtualList: () => import("vue-virtual-scroll-list"),
   },
   data() {
     return {
@@ -144,7 +138,7 @@ export default {
     },
   },
   async mounted() {
-    this._keyListener = function(e) {
+    this._keyListener = function (e) {
       if (e.key === "Escape") {
         e.preventDefault()
         this.showModalAdd = this.showModalEdit = this.showModalImportExport = this.showModalAddFolder = this.showModalEditFolder = this.showModalEditRequest = false
diff --git a/components/environments/index.vue b/components/environments/index.vue
index 59642500..60b8b3ce 100644
--- a/components/environments/index.vue
+++ b/components/environments/index.vue
@@ -27,12 +27,7 @@
     <p v-if="environments.length === 0" class="info">
       Create new environment
     </p>
-    <virtual-list
-      class="virtual-list"
-      :class="{ filled: environments.length }"
-      :size="152"
-      :remain="Math.min(5, environments.length)"
-    >
+    <div class="virtual-list">
       <ul>
         <li v-for="(environment, index) in environments" :key="environment.name">
           <environment
@@ -46,7 +41,7 @@
           <label>Environments are empty</label>
         </li>
       </ul>
-    </virtual-list>
+    </div>
   </pw-section>
 </template>
 
@@ -75,7 +70,6 @@ export default {
     addEnvironment: () => import("./addEnvironment"),
     editEnvironment: () => import("./editEnvironment"),
     importExportEnvironment: () => import("./importExportEnvironment"),
-    VirtualList: () => import("vue-virtual-scroll-list"),
   },
   data() {
     return {
@@ -92,7 +86,7 @@ export default {
     },
   },
   async mounted() {
-    this._keyListener = function(e) {
+    this._keyListener = function (e) {
       if (e.key === "Escape") {
         e.preventDefault()
         this.showModalImportExport = false
diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index 39e628eb..8bc7922a 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,11 +1,5 @@
 <template>
-  <virtual-list
-    v-if="fb.currentFeeds.length !== 0"
-    class="virtual-list"
-    :class="{ filled: fb.currentFeeds.length }"
-    :size="180"
-    :remain="Math.min(6, fb.currentFeeds.length)"
-  >
+  <div v-if="fb.currentFeeds.length !== 0" class="virtual-list">
     <ul v-for="feed in fb.currentFeeds" :key="feed.id" class="entry">
       <div class="show-on-large-screen">
         <li class="info">
@@ -23,7 +17,7 @@
         </li>
       </div>
     </ul>
-  </virtual-list>
+  </div>
   <ul v-else>
     <li>
       <label class="info">{{ $t("empty") }}</label>
@@ -58,9 +52,6 @@ ol {
 import { fb } from "../../functions/fb"
 
 export default {
-  components: {
-    VirtualList: () => import("vue-virtual-scroll-list"),
-  },
   data() {
     return {
       fb,
diff --git a/components/layout/history.vue b/components/layout/history.vue
index 712ce4ac..eb22368d 100644
--- a/components/layout/history.vue
+++ b/components/layout/history.vue
@@ -6,12 +6,7 @@
         <i class="material-icons">search</i>
       </button>
     </div>
-    <virtual-list
-      class="virtual-list"
-      :class="{ filled: filteredHistory.length }"
-      :size="185"
-      :remain="Math.min(5, filteredHistory.length)"
-    >
+    <div class="virtual-list" :class="{ filled: filteredHistory.length }">
       <ul v-for="(entry, index) in filteredHistory" :key="index" class="entry">
         <div class="show-on-large-screen">
           <button
@@ -152,7 +147,7 @@
           </div>
         </transition>
       </ul>
-    </virtual-list>
+    </div>
     <ul :class="{ hidden: filteredHistory.length != 0 || history.length === 0 }">
       <li>
         <label>{{ $t("nothing_found") }} "{{ filterText }}"</label>
@@ -320,7 +315,6 @@ const updateOnLocalStorage = (propertyName, property) =>
 export default {
   components: {
     "pw-section": () => import("../layout/section"),
-    VirtualList: () => import("vue-virtual-scroll-list"),
   },
   data() {
     return {
diff --git a/package-lock.json b/package-lock.json
index 2172d057..871b7860 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14114,11 +14114,6 @@
             "resolved": "https://registry.npmjs.org/vue-toasted/-/vue-toasted-1.1.27.tgz",
             "integrity": "sha512-GVbwInwnqkVxQ4GU/XYeQt1e0dAXL8sF5Hr1H/coCBbYUan5xP0G2mEz/HRDf1lt73rFQAN/bJcLTOKkqiM6tg=="
         },
-        "vue-virtual-scroll-list": {
-            "version": "1.4.7",
-            "resolved": "https://registry.npmjs.org/vue-virtual-scroll-list/-/vue-virtual-scroll-list-1.4.7.tgz",
-            "integrity": "sha512-R8bk+k7WMGGoFQ9xF0krGCAlZhQjbJOkDUX+YZD2J+sHQWTzDtmTLS6kiIJToOHK1d/8QPGiD8fd9w0lDP4arg=="
-        },
         "vuefire": {
             "version": "2.2.2",
             "resolved": "https://registry.npmjs.org/vuefire/-/vuefire-2.2.2.tgz",
diff --git a/package.json b/package.json
index 1c5561e3..7dbdbd2c 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,6 @@
     "socket.io-client": "^2.3.0",
     "socketio-wildcard": "^2.0.0",
     "v-tooltip": "^2.0.3",
-    "vue-virtual-scroll-list": "^1.4.7",
     "vuefire": "^2.2.2",
     "vuejs-auto-complete": "^0.9.0",
     "vuex-persist": "^2.2.0",