Remove vue-scroll library

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>

5 files changed, 6 insertions, 12 deletions

diff --git a/package-lock.json b/package-lock.json
index e8611a456..69e31d2f4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11820,11 +11820,6 @@
 			"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.1.3.tgz",
 			"integrity": "sha512-8iSa4mGNXBjyuSZFCCO4fiKfvzqk+mhL0lnKuGcQtO1eoj8nq3CmbEG8FwK5QqoqwDgsjsf1GDuisDX4cdb/aQ=="
 		},
-		"vue-scroll": {
-			"version": "2.1.13",
-			"resolved": "https://registry.npmjs.org/vue-scroll/-/vue-scroll-2.1.13.tgz",
-			"integrity": "sha512-GQnDA1UcFSdmL2Gjo/3+0jlOwvRvSpdzl+q+vOtQsAjb+uQDo8UG1RKxyoQ1lkJCz5uM8OSqb/6+L3LBqInk2w=="
-		},
 		"vue-style-loader": {
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",
diff --git a/package.json b/package.json
index fa3d698b1..ae44196b8 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,6 @@
 		"vue-observe-visibility": "^0.4.6",
 		"vue-prevent-unload": "^0.2.3",
 		"vue-router": "^3.1.3",
-		"vue-scroll": "^2.1.13",
 		"vuex": "^3.1.2",
 		"webrtc-adapter": "^7.3.0",
 		"webrtcsupport": "^2.2.0",
diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue
index 21a8310d9..34208eaf8 100644
--- a/src/components/MessagesList/MessagesList.vue
+++ b/src/components/MessagesList/MessagesList.vue
@@ -29,8 +29,8 @@ get the messagesList array and loop through the list to generate the messages.
 	<!-- size and remain refer to the amount and initial height of the items that
 	are outside of the viewport -->
 	<div
-		v-scroll="handleScroll"
-		class="scroller">
+		class="scroller"
+		@scroll="debounceHandleScroll">
 		<MessagesGroup
 			v-for="item of messagesGroupedByAuthor"
 			:key="item[0].id"
@@ -48,6 +48,7 @@ import { fetchMessages, lookForNewMessages } from '../../services/messagesServic
 import CancelableRequest from '../../utils/cancelableRequest'
 import Axios from '@nextcloud/axios'
 import isInLobby from '../../mixins/isInLobby'
+import debounce from 'debounce'
 
 export default {
 	name: 'MessagesList',
@@ -392,6 +393,9 @@ export default {
 			this.$store.dispatch('deleteMessage', event.message)
 		},
 
+		debounceHandleScroll: debounce(function() {
+			this.handleScroll()
+		}, 600),
 		/**
 		 * When the div is scrolled, this method checks if it's been scrolled to the
 		 * bottom.
diff --git a/src/main.js b/src/main.js
index f3756d7fa..3386f34b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -41,7 +41,6 @@ import { getRequestToken } from '@nextcloud/auth'
 import VueClipboard from 'vue-clipboard2'
 import { translate, translatePlural } from '@nextcloud/l10n'
 import VueObserveVisibility from 'vue-observe-visibility'
-import vuescroll from 'vue-scroll'
 
 // CSP config for webpack dynamic chunk loading
 // eslint-disable-next-line
@@ -63,7 +62,6 @@ Vue.use(Vuex)
 Vue.use(VueRouter)
 Vue.use(VueClipboard)
 Vue.use(VueObserveVisibility)
-Vue.use(vuescroll, { debounce: 600 })
 
 export default new Vue({
 	el: '#content',
diff --git a/src/mainFilesSidebar.js b/src/mainFilesSidebar.js
index b2e94d141..005188bd4 100644
--- a/src/mainFilesSidebar.js
+++ b/src/mainFilesSidebar.js
@@ -36,7 +36,6 @@ import { getRequestToken } from '@nextcloud/auth'
 
 // Directives
 import { translate, translatePlural } from '@nextcloud/l10n'
-import vuescroll from 'vue-scroll'
 
 // CSP config for webpack dynamic chunk loading
 // eslint-disable-next-line
@@ -55,7 +54,6 @@ Vue.prototype.OC = OC
 Vue.prototype.OCA = OCA
 
 Vue.use(Vuex)
-Vue.use(vuescroll, { debounce: 600 })
 
 const newCallView = () => new Vue({
 	store,