🔥 Removed stale dependency: vue-virtual-scroll-list

assets/css/styles.scss

@@ -953,3 +953,7 @@ section {
     margin-left: 8px !important;
   }
 }
+
+.virtual-list {
+  overflow: auto;
+}

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

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

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,

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 {

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",

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",